Module Classes

Shopfront comes with a wide range of module class suffixes and one page class for you to control the way that the content on your site appears.

Page class to swap the styling on the sidebar

A page class is a unique class that is applied to the entire page on a Joomla site according to the setting in the menu option. In the shopfront template we have created a page class to allow you to change the green stylingSee the screenshot below for a guide for where to set the page class.

Module Classes for the sidebar modules.

The module class applied by default to modules published to the left position if the styling is active for the left column or to the right modules if the styling is active for the right column.

This module styling is achieved if you use the class -noribbon on modules published to the left or the right depending on which column has the active styling applied. use the class -noribbon.

Specific styling applied to the search module achieved via adding -noribbon search to the module class option in the search module.

General Module class suffixes

Use the class -bevel to apply this styling to a module.

Use the class -contrast to apply this styling to a module.

Use the class -darkgradient to apply this styling to a module.

Use the class -lightgradient to apply this styling to a module.

Use the class -gradient to apply this styling to a module.

Use the class -hilite to apply this styling to a module.

Use the class -ribbon1 to apply this styling to a module.

Use the class -ribbon2 to apply this styling to a module.

Use the class -ribbon3 to apply this styling to a module.

Use the class -triangle to apply this styling to a module.

Please note that the above styling changes slightly according to the theme you have set to active in the template parameters.