Page 1 of 1

Adding new modules positions to OpenCart 3

Posted: Fri Oct 16, 2020 7:58 pm
by Ward90
am using OpenCart Version 3.0.2.

By default OpenCart has 4 areas where we can drop the modules in our layouts. i.e.

Left Column
Right Column
Top Content
Bottom Content
My question is if somehow we can drop modules elsewhere also or maybe if we can somehow call a module within the HTML-Module and wrap is with some HTML codes. Basically I am stuck with a design where I wanted to add few dynamic banners in the home page but to display them according to the design, they much be wrapped within row and than col-6 each since bootstrap is the framework I am using.

To elaborate my requirement I am writing sample HTML so that I can show where I wanted to add modules for the home page

Code: Select all

<header></header>
<div id="home" class="row">
    <div class="col-12"> Slideshow Module as "content top" </div>
    <div class="col-6"> Big Banner Module </div>
    <div class="col-6"> Few more Banners </div>
    <div class="col-12"> Latest Products Module as "content Bottom" </div>
    <div class="col-12"> Featured Products Module as "content Bottom" </div>
    <div class="col-12"> HTML CONTENT Module as "content Bottom" </div>
</div>
<footer></footer>
There is a possibility that I can drop Big Banner Module and a few more Banners modules in left and right columns and a bit of jQuery to change the wrapping HTML of the columns from <aside id="column-left"> to <div class="col-6"> but this solution do not seems right and will effect the google crawling as well.

Would someone suggest a better way to add modules like this only for the home page?

A structure image in case if I am unable to explain the problem with HTML:

Re: Adding new modules positions to OpenCart 3

Posted: Sat Oct 17, 2020 8:36 am
by IP_CAM
You might get some info from our good Friend Google on such:
https://www.google.com/search?q=+Adding ... 8&oe=utf-8
like this one:
https://www.tfzx.net/article/7382877.html
Good Luck! ;)
Ernie