Actions

Difference between revisions of "Template style"

From Joomla! Documentation

(Add version tag)
m (Assigning template styles to menu items under Template Manager: section update)
Line 4: Line 4:
 
== Assigning template styles to menu items under Template Manager ==
 
== Assigning template styles to menu items under Template Manager ==
  
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.
+
{{#lsth:J{{CurrentSTSVer|minor}}:Switching templates|Assigning more than one template for the Front-end}}
 
+
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.
+
 
+
[[File:02_template-manager_editing-styles.png|thumb|800px|center|alt=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 ==
 
== Applying template styles to menu items under Menus ==

Revision as of 18:22, 21 June 2013

<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.

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

  • Template manager Extensions  Template Manager
  • Editing a menu item under Menus  Menu Name  Menu item

</translate>


Contents

Assigning template styles to menu items under Template Manager

Joomla! gives you the option of switching between two or more styles on the Front-end. This is done with "Menu Assignment", so you can set different styles for each menu or only a menu item. This allows specific "pages" that are defined by menu links to set for a "specific" style. Styles can be of different templates.

Template manager method

Click on: Extensions  Template Manager

  • You will see your installed template styles, now choose a style which is not set as your default one. Yellow star indicates the style is a default.
30-Template-manager-select-edit.png
  • Click on the style name or hit the checkbox to the left of the style name, and click "Edit" on the toolbar.
  • You now see the page "Template: [ Edit style] ", and go to the section "Menu Assignment" block and choose the menu items on which the style should be shown.

30-Switching-templates-assign-menus.png

  • Click "Save" on the toolbar and you´re done. The menu item will now show the selected template.
  • Go to the front-end of your website and refresh the page to view the modifications.

Menu manager method

  • Access menu item Menus  Menu Name
  • Choose a menu item by checking the box to the left of its name and then click on the Edit toolbar 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.

30-Menu-item-template-management-edit.png

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


Applying template styles to menu items under Menus

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.