J3.x

Difference between revisions of "Switching templates"

From Joomla! Documentation

m (fixing transclusion call)
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
To change the default Template for the Site (Front-end) or Administrator (Back-end), follow these steps:
 
To change the default Template for the Site (Front-end) or Administrator (Back-end), follow these steps:
 
+
==Access the template manager==
 
{{:J3.1:To access the Template Manager|}}
 
{{:J3.1:To access the Template Manager|}}
  
 +
==Managing default template==
 
From here you manage your templates for Front-end and Back-end. The default view shows your installed Front-end templates.
 
From here you manage your templates for Front-end and Back-end. The default view shows your installed Front-end templates.
 
The default template for the Front-end is marked with a star; in the image below it is protostar.  
 
The default template for the Front-end is marked with a star; in the image below it is protostar.  
Line 13: Line 14:
 
[[Image:30-Switching-templates-1.png]]
 
[[Image:30-Switching-templates-1.png]]
  
=== Assigning more than one template for the Front-end ===
+
== Assigning more than one template for the Front-end ==
  
 
Joomla! gives you the option of switching between two or more templates on the Front-end. This is done with "Menu Assignment", so you can set different templates for each menu or only a menu item. This allows specific "pages" that are defined by menu links to set for a "specific" template.
 
Joomla! gives you the option of switching between two or more templates on the Front-end. This is done with "Menu Assignment", so you can set different templates for each menu or only a menu item. This allows specific "pages" that are defined by menu links to set for a "specific" template.
 
+
===Template manager method===
 
Click on: {{rarr|Extensions,Template Manager}}
 
Click on: {{rarr|Extensions,Template Manager}}
  
*You see your installed templates, now choose a template which is '''not''' set as your default one.
+
*You will see your installed templates, now choose a template which is '''not''' set as your default one. Yellow star indicates the template is a default.
 +
:[[File:30-Template-manager-select-edit.png]]
 
*Click on the template name '''or''' hit the checkbox to the left of the template name, and click "Edit" on the toolbar.
 
*Click on the template name '''or''' hit the checkbox to the left of the template name, and click "Edit" on the toolbar.
 
*You now see the page "Template: [ Edit ]", and go to the section "Menu Assignment" block and choose the menu items on which the template items should be shown.
 
*You now see the page "Template: [ Edit ]", and go to the section "Menu Assignment" block and choose the menu items on which the template items should be shown.
Line 26: Line 28:
  
 
*Click "Save" on the toolbar and you´re done. The menu item will now show the selected template.
 
*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 {{rarr|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.
  
 +
[[File:30-Menu-item-template-management-edit.png]]
  
 +
*Go to the frontend of your website and refresh the page to view the modifications.
  
 +
==See also==
 +
*[[Template style]]
 
<noinclude>
 
<noinclude>
 +
[[Category:Tutorials]]
 +
[[Category:Templates]]
 
[[Category:Beginners]]
 
[[Category:Beginners]]
[[Category:Templates]]
 
[[Category:Tutorials]]
 
 
</noinclude>
 
</noinclude>

Revision as of 18:43, 21 June 2013

To change the default Template for the Site (Front-end) or Administrator (Back-end), follow these steps:

Access the template manager[edit]

<translate>

<translate>

  • Click on: Extensions  Templates</translate>

[[Image:Extension-manager-template-manager-3x<translate> -en</translate>.png|800px]]

<translate> You will now see the Template Manager screen.</translate>

<translate> Note If you do not see Templates listed as an option on the Extensions menu, then it is most likely because you are not logged in as a Super User. Only Super Users will see this menu item.</translate>


Managing default template[edit]

From here you manage your templates for Front-end and Back-end. The default view shows your installed Front-end templates. The default template for the Front-end is marked with a star; in the image below it is protostar.

To change the default template to beez3:

  • click the checkbox left from the template name to select it;
  • click "Default" on the toolbar;

the star changes from protostar to beez3 and you are done. Alternatively, you can click on the shadow of a template's default start to quickly set the template as default.

30-Switching-templates-1-en.png

Assigning more than one template for the Front-end[edit]

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

Template manager method[edit]

Click on: Extensions  Template Manager

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

30-Switching-templates-assign-menus-en.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[edit]

  • 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-en.png

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

See also[edit]