[TomatoCart] Integrate Top, Middle and Bottom Banner into Content Area

In this article, I will teach you how to integrate top, middle and bottom banner into content area of bootstrap or glass gray template.

Snip20140826_1

Figure 1. Top Banner In The Bootstrap

Snip20140826_2

Figure 2. Middle Banner In The Bootstrap

Snip20140826_8

Figure 3. Bottom Banner In The Bootstrap

As you can see, I add three banners into the top, middle and bottom position of the home page. They are useful to promote any product or service in your store.

Now, please integrate this amazing feature into your store as follows:

Step 1. Download three_content_banners.zip.

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

  • includes
  • templates
  • admin

Step 3. Create followings three banners group under admin panel > Tools > Banner Manger.

  • top
  • middle
  • bottom

Snip20140827_9

Step 4. Install the banners top, banners middle and banners bottom content module under  admin panel > Templates > Templates Modules > Content and then choose the each banner group for each module.

Snip20140827_12

Step 5. Set the layout for each banner module under admin panel > Templates > Templates Modules Layout > Content.

Snip20140827_13

Remember that you should set the sort order to change the position of banner module in the layout.

That’s it.

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

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

Author Spotlight

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 *