Zen Cart How to Set the Default Tab in Tabbed Home Page Modules

Most of our templates come with the Tabbed Home Page Modules plugin included. This module is very handy as a way to show new products, featured products, and specials on your zen cart main page without causing a long scroll on the page. It places each module in a separate tab which the user can then click on to switch between.

This tutorial features the Responsive Sheffield Blue template. It has been released free to the zen cart community and you can download it here:

Sheffield Blue responsive zen cart template

responsive sheffield blue template

The responsive sheffield blue template features a 3 column layout. You can use the template with a 2 column (left column and center column or right column and center column) or even as a 1 column layout. Some slight adjustments may have to be made in the css stylesheets. A responsive home page slide show is included which by default slides, but can also be customized to fade, with 5 slides, configurable through the zen cart admin banners interface. Add your slide show images, set their links, enable/disable images/links, and set open in new window easily using the admin banner manager. The template also comes with a customized product info page layout that has expandable/contractable content areas specifically added to make navigation on handheld devices easier. The desktop view shows full content areas with no need to expand to view the content.

In your favorite plain text editor, open the includes/templates/override/css/stylesheet_module_tabs.css.

Find this line on or around line 6:

#featuredProducts {display:block;}

Change featuredProducts to either whatsNew, or specialsDefault depending on which tab you would like to show on page load.

If you want all three tabs to open on page load add this:

#featuredProducts, #whatsNew, #specialsDefault {display:block;}

If you need help with your zen cart web site, please contact us for a quote.

big contact Zen Cart Tutorial: How to Add a Facebook Like Box to Zen Cart


Leave a Reply