...
How does Scripts & Styles work?
When you create a customised custom script or style sheet in CMS, the system automatically adds them to the correct system folder. All files are minimised once you click Save to reduce load times. The system retains historical Historical versions of the files each file is kept, along with an audit trail of the date, /time saved, and the user who made the changes. If . You can use the comparison tool to check differences between two versions. And if the current version is not behaving as expected, simply roll back to a previous one.
...
Once your script or style has been saved, you can add it to a page or template.
...
Create a script or style
...
To best explain the functionality, we will make a simple change to the background colour of our Store Locator page.
- In your CMS, Go to Advanced Content → Scripts & Styles.
- Select Style Sheets. All existing style sheets are displayed.
- Click Add Script/Style at the top right corner.
- In Add Script/Style, select Style Sheet.
- In File Name, enter an appropriate name that follows the naming conventions of our site.
- Click the Add button. The system will open a blank editing window.
- Start typing in your custom style sheet. A list of suggestions will display. (See Code Editor for a guide to this tool.) Or you can paste text from a file you already created elsewhere.
- When you have finished, click Save.
- Click Cancel to exit out of the script editor.
...
- In the CMS, navigate to Advanced Content → Scripts & Styles.
- Click on either the Javascript or Style Sheets tab.
- Click the Edit button for the script or style.
- In the 'Edit' page, hover on Options and click File History.
- Along with the current version, any earlier ones will be listed. To view an earlier version, click on it.
- To compare two versions, in the Compare? column, toggle ON the two versions, then click Compare Version.
- The two versions are displayed side by side with changes highlighted. When finished, click Clear Compare.
- To use an earlier version, click on the version, then click the Restore this version button.
- To confirm, click Save. The earlier version will be copied and saved as the latest version.
...
| Info |
|---|
Deleting non-system scripts and styles in the CMS is available from 4.17+. NOTE - Scripts and styles currently used on a page or template cannot be deleted. They have to be removed from templates first. |
- In the CMS, navigate to Advanced Content → Scripts & Styles.
- Click on the Javascript or Style Sheets tab.
- User-created files will have both 'Edit' and 'Option' buttons. To delete the file, hover over its Options button and click Delete. NOTE - System files have cannot be deleted.
- In the delete confirmation popup, click OK.
Check where a script or style is currently used
- In the CMS, navigate to Advanced Content → Scripts & Styles.
- Click on the Javascript or Style Sheets tab.
- Find the file name, hover over its Options button, and click Where It's Used.
- The templates currently used by the script or style will be shown.
...