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>
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: