[TomatoCart] Integrate Four Banners into the Left & Right Columns in your Store

It should be very useful to inform visitors about offers, new products and services with banners used on your home page and throughout the user journey. In this article, I will teach how to integrate four banners modules into your store so as to let you add two banners in the left column and two banners in the right column with different position.

Snip20140824_10

 

How to integrate it into your store?

Step 1. Download four-banners.zip at https://www.dropbox.com/s/kzar3y2wb9vfa2r/four-banners.zip?dl=0

Step 2. Unzip the package and copy the following folds into your opencart root directory:

  • admin
  • includes
  • templates

Note: if you rename the default admin fold name, please rename the admin fold with your custom name and then copy it into your opencart root directory.

Step 3. Create the banner groups under admin panel > Tools > Banner Manager.

Snip20140824_17

Snip20140824_16

 

As you can see, I have created four banner groups:

  • Banner left 1
  • Banner left 2
  • Banner right 1
  • Banner right 2

Step 4. Install the banners modules under admin panel > Templates > Templates Modules > Boxes and link the module with specific banner group.

Snip20140824_14

Snip20140824_18

As you can see, you just need to choose the banner group for the banner module.

Step 5. Set the layout for the banner modules under Templates > Templates Modules Layout > Boxes.

Snip20140824_20

Once you set the layout for each banner module, they will be shown in the store front.

For default Glass Gray template:

Snip20140824_10

Snip20140824_11

 

For Bootstrap template:

Snip20140824_12

Looking for quality web hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , , , , , , , , , , | Posted under TomatoCart | RSS 2.0

Author Spotlight

Jack Yin

Jack Yin

TomatoCart Developer & Co Founder - Arvixe Web Hosting / TomatoCart Community Liaison

Leave a Reply

Your email address will not be published. Required fields are marked *


+ 8 = 12

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>