Page History

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.

1. In your CMS,

1. go to Advanced Content → Scripts & Styles.
   Image Modified
   
   
2. Select Style Sheets. All existing style sheets are displayed.
   Image Modified
   
3. Click Add Script/Style

1. on the top right corner.
   
   
2. In Add Script/Style, select Style Sheet.
   Image Modified
   
   
3. In File Name, enter an appropriate name that follows the naming conventions of our site.
   
   
4. Click

1. Add

1. . 

1. 
   
   
2. In the blank editing window

1. , start typing in your custom style sheet.

1. (For a guide to using the Editor, see Code Editor.) Or you can paste text

1. into the Editor.
   
   Image Modified
   

1. 
   
2. Click Save.
   
   
3. Click Cancel to exit

1. .

Apply a script or style to a page/template

Now we will apply that style sheet to our Store Locator page (or the Page that you have chosen).

1.  In your CMS,

1. go to Content → Pages & Templates
   

1. 
   
2. Use the Search tool to find 'Store Locator'. NOTE - Your page name may be different.
   Image Modified
   
   
3. Click Edit

1. next to the page/template name.
   

1. 
   
2. In the

1. template, click Add Widget.
   Image Modified
   
   
2. In the search field, start typing 'Scripts & Styles' — the system will auto-fill the results.
   Image Modified
   
   
3. Select 'Scripts & Styles' and click Add Widget Image Modified.  
   
   
4. The Scripts & Styles Widget automatically opens. In Description, enter a meaningful description for

1. this use

1. . This will display next to the style name when

1. in use.
   
   
2. Add a Layer if

1. needed.  (See

1. : Layers.)
   

1. 
   
2. In Scripts & Styles

1. , select the style you created

1. , then click Add.
   
   Image Modified
   
   
2. Click Edit

1. to make some last minute changes to the Style Sheet, otherwise, to apply the script or style, toggle ON Enable widget on Save, then click Save

1. .

1. 
   
   
   Image Modified
   
   
2. If the Page Preview setting is on, click Publish (top right of the screen).
   
   
3. Go to your site and open the Store Locator page (or the page to which you made changes).
   Image Modified

Compare or revert to an earlier version of a script or style

The file history of each script and style

lists all versions with

saved dates/times and users. You can

compare versions. If you

're not happy with the current version,

revert to an earlier one.

1. In the CMS,

1. go to Advanced Content → Scripts & Styles.
   
   
2. Click on either the Javascript or Style Sheets tab.
   Image Modified
   
   
3. Click the Edit button

1. next to the script or style.
   Image Modified
   
   
2. In the 'Edit' page, hover on Options

1. , then click File History.
   Image Modified
   

1. 
   
2. The current and previous versions are listed. To view

1. a previous version, click on it.
   Image Modified
   
   
2. To compare two versions, in the Compare? column, toggle ON the two versions, then click Compare Version. 
   Image Modified
   

1. 
   
2. Changes are highlighted. When you've finished viewing, click Clear Compare.
   Image Modified
   
   
3. To use

1. a previous version, click on

1. it, then click the Restore this version button.
   Image Modified
   
   
2. To confirm, click Save. The

1. previous version

1. is copied

1. and saved as the latest version.
   Image Modified
   

Delete a script or style

1. In the CMS,

1. go to Advanced Content → Scripts & Styles.
   
   
2. Click on the Javascript or Style Sheets tab.
   
   
3. User-created files will have both 'Edit' and 'Option' buttons. To delete the file, hover over

1. Options

1. , then click Delete. NOTE - System files

1. cannot be deleted. 
   Image Modified
   
   
2. In the delete confirmation popup, click OK.

Check where a script or style is

in use

1. In the CMS,

1. go to Advanced Content → Scripts & Styles.
   
   
2. Click on the Javascript or Style Sheets tab.
   
   
3. Find the file name, hover over its Options button,

1. then click Where It's Used.
   Image Modified
   
   
2. The templates currently

1. using the script or style

1. are shown.
   Image Modified

Minify Scripts and Styles

To improve the load time of web pages on your website, existing files can be minified.

1. Go to Advanced Content → Scripts & Styles.
   Image Added
2. Hover over Options, then click Minify All Files.
   Image Added
3. In the popup, confirm you want the files minified.

Additional Information

Related help