J2.5

Difference between revisions of "Switching templates"

From Joomla! Documentation

m (checking something)
 
Line 14: Line 14:
 
[[Image:25-Switching-templates-1.png]]
 
[[Image:25-Switching-templates-1.png]]
  
=== Assigning more than one template for the Front-end ===
+
== Assigning more than one template for the Front-end ==
 +
=== Using Template Manager ===
  
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.
+
*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.
  
Click on: Extensions -> Template Manager
+
*On the '''Edit Style''' screen, check the menu items that should display the chosen template style and click on the '''Save''' button.
  
You see your installed templates, now choose a template which is '''not''' set as your default one.
+
[[File:02_template-manager_editing-styles.png|700px|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.]]
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.
 
Click "Save" on the toolbar and you´re done.
 
  
 
[[Image:25-Switching-templates-assign-menus.png]]
 
[[Image:25-Switching-templates-assign-menus.png]]
 +
*Go to the fronted of your website and refresh the page to view the modifications.
 +
 +
=== Using 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.
 +
 +
[[File:03_menu-manager_edit-menu-item.png|670px|alt=Atomic template style being applied to the Getting Started Menu item.|Atomic template style being applied to the Getting Started Menu item.]]
 +
 +
*Go to the fronted of your website and refresh the page to view the modifications.

Latest revision as of 18:53, 21 June 2013

The "J2.5" namespace is a namespace scheduled to be archived. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.

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

  • Click on: Extensions -> Template Manager

Extension-manager-template-manager.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.


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

To change the default template to beez:

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

the star changes from rhuk_milkyway to beez and you are done.

25-Switching-templates-1.png

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

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

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.

25-Switching-templates-assign-menus.png

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

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

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

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