Help4.x

Help4.x:Templates: Customise

From Joomla! Documentation

Revision as of 16:40, 30 November 2020 by FuzzyBot (talk | contribs) (Updating to match new version of source page)
Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français

Description

This is where you edit a template's source code. You can edit the template's master files and stylesheets from this screen.

How to Access

  • Select System  Templates Panel  Site Templates from the Administrator menu. Or...
  • Select System  Templates Panel  Administrator Templates from the Administrator menu. Then...
    • Select a template name from the Templates column.

Screenshot

The Administrator and Site Templates screens use the same layout. The Site Template screen is illustrated here.

Help-4x-Extensions-Template-Manager-Templates-Edit-screen-en.png

Form Fields

Editor Tab

  • Select a file to edit. The edit area shows syntax highlighted text for most types of file.

Create Overrides Tab

  • Select an item to override. This is done immediately with no prompt for confirmation. The override is placed in the appropriate location. There is a confirmation message, example: Override created in /templates/cassiopeia/html/mod_whosonline

Updated Files Tab

If there have been no updates to the template since overrides were created this tab will contain a simple message:

  • Notice. Overridden files are up to date. Nothing has been changed in the last extension or Joomla update.

If there have been updates, a table will show a list of overrides that need to be reviewed.

Template Description Tab

  • Thumbnail and Description. Information on this template.

Toolbar

Note that the Toolbar buttons change when a file is selected for editing.

No file selected

At the top of the page you will see the toolbar shown in the Screenshot above. The functions are:

  • Copy Template. Select to make a complete new copy of the template. You will be prompted for a new template name. There is also an opportunity to Close without creating a new template. To remove the new template: go to Extensions -> Manage, check the template check box and select Uninstall in the toolbar.
  • Template Preview. Select to open the Site default view using this template.
  • Manage Folders. Select to create a new folder within the template hierarchy. A popup window appears:
Help-4x-Extensions-Template-Manager-Templates-Edit-new-folder-dialog-en.png
  • New File. Select to create a new file or to upload a file from your computer to your Joomla! template hierarchy. A popup window appears:
Help-4x-Extensions-Template-Manager-Templates-Edit-upload-file-dialog-en.png
  • Close. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.

File selected

  • Save. Saves the item and stays in the current screen.
  • Save & Close. Saves the item and closes the current screen.
  • Rename File. Select a file to edit. Select the Rename button to prompt for a new name.
  • Delete File. You will be prompted to Confirm or Cancel.
  • Close File. Closes the open file and returns to the Editor Tab.
  • Help. Opens this help screen.

Quick Tips

  • Before editing the HTML and the CSS file of the template, it is a good idea to make a backup of the file you are editing. Also, you can edit these files outside of Joomla! using the HTML or CSS editor of your choice.

Related Information