Post by Ward90 » Fri Oct 16, 2020 7:58 pm

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:

FaceTime for PC


Newbie

Posts

Joined
Fri Oct 16, 2020 7:56 pm

Post by IP_CAM » Sat Oct 17, 2020 8:36 am

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

Please don't send me OC Forum Personal Messages, just contact: jti@jacob.ch
---
OC 1.5.6.5 LIGHT Test Site: http://www.bigmax.ch/shop/
OC 1.5.6.5 V-PRO Test Site: http://www.openshop.li/shop/
My Github OC Site: https://github.com/IP-CAM
2'600+ FREE OC Extensions on the World's largest Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Who is online

Users browsing this forum: No registered users and 3 guests