Actions

J3.x

Difference between revisions of "Switching templates"

From Joomla! Documentation

m (headings)
m (Assigning more than one template for the Front-end: Introduced style)
 
(3 intermediate revisions by 2 users not shown)
Line 4: Line 4:
  
 
==Managing default template==
 
==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 styles.
The default template for the Front-end is marked with a star; in the image below it is protostar.  
+
The default style for the Front-end is marked with a star; in the image below it is protostar - Default.  
  
To change the default template to beez3:
+
To change the default style to beez3:
* click the checkbox left from the template name to select it;
+
* click the checkbox left from the style name to select it;
 
* click "Default" on the toolbar;
 
* 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.
 
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.
Line 16: Line 16:
 
== 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 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: {{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 template styles, now choose a style which is '''not''' set as your default one. Yellow star indicates the style is a default.
*Click on the template name '''or''' hit the checkbox to the left of the template name, and click "Edit" on the toolbar.
+
:[[File:30-Template-manager-select-edit.png]]
*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.
+
*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.
  
 
[[Image:30-Switching-templates-assign-menus.png]]
 
[[Image:30-Switching-templates-assign-menus.png]]
  
 
*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==
 
==See also==
 
*[[Template style]]
 
*[[Template style]]

Latest revision as of 09:24, 21 November 2013

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

Contents

Access the template manager

  • Click on: Extensions  Template Manager

Extension-manager-template-manager-3x.png

You will now see the Template Manager screen.

Note: If you do not see Template Manager listed as an option on the Extensions menu, then it is most likely because you are not logged in as a Super Administrator. Only Super Administrators will see this menu item.


Managing default template

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

To change the default style to beez3:

  • click the checkbox left from the style 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.png

Assigning more than one template for the Front-end

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.

See also