Template style

From Joomla! Documentation

Revision as of 13:25, 25 September 2011 by Mvangeest (talk | contribs) (Added categories)


<translate> Template style is a feature introduced in Joomla 2.5 that allows users to assign different template styles to individual menu items. By default, Joomla assigns a template style to all menu items upon installation. A yellow star indicates the default template style in use. A default template style can be partially or completely overridden by assigning different template styles to the desired menu items in order to obtain a different look for their respective pages. </translate>

<translate> A template style can be assigned to menu items one of two ways.

  • Template manager Extensions  Templates  Styles
  • Editing a menu item under Menus  [Menu Name]  [Menu item]

</translate>


Assigning template styles to menu items under Template Manager[edit]

Go to Extensions > Template Manager, choose a template style by checking the box to the left of its name and then click on the Edit button. Alternatively, simply click the name of the template style to edit it.

On the Edit Style screen, check the menu items that should display the chosen template style and click on the Save button.

Go to the fronted of your website and refresh the page to view the modifications.

The image on the left shows the Getting Started page displaying the Beez2 template style. The image on the center shows the Atomic template style being assigned to the Getting Started menu item. The image on the right shows the Getting Started page now with Atomic template style.
The image on the left shows the Getting Started page displaying the Beez2 template style. The image on the center shows the Atomic template style being assigned to the Getting Started menu item. The image on the right shows the Getting Started page now with Atomic template style.


Applying template styles to menu items under Menus[edit]

Go to Menus > Menu Name, choose a menu item by checking the box to the left of its name and then click on the Edit button. Alternatively, simply click the name of the menu item to edit it.

On the Edit Menu Item screen, in Template Style, choose the desired template style and click on the Save button.

Go to the fronted of your website and refresh the page to view the modifications.

Atomic template style being applied to the Getting Started Menu item.
Atomic template style being applied to the Getting Started Menu item.