Multiexcerpttoc-zone |
---|
hidden | true |
---|
location | top |
---|
MultiExcerptName | Feature Title |
---|
|
CMS Scripts & Styles Editor |
Overview
Past functionality
Whenever Previously, whenever you needed to upload customised JavaScripts or Style Sheets for use in CMS, you would use the File Manager function, then reference them in a HTML Snippet widget, and apply to a page(s).
...
Multiexcerpt |
---|
MultiExcerptName | Feature Overview |
---|
|
The CMS Scripts & Styles function allows you to create and edit scripts and styles as CMS widgets. And because these widgets are dedicated only to running scripts or applying styles, you will know at a glance if a page is using customised JavaScript or Style Sheets. With the Scripts & Styles widget, you can bundle related scripts and styles into one widget, to function as a unit. Or you can load multiple Scripts and Style widgets to operate independently on a page. You can also easily turn them on and off by ticking the checkbox next to the widget in the page layout. IMPORTANT - Access to CMS Scripts & Styles widgets is automatically available for version 4.13.02 or higher. If your system needs to be upgraded, please contact us. |
...
To best explain the functionality, we will make a simple change to the background colour of our Store Locator page.
1. - In your CMS, Go to Advanced Content.
2.
- Click Scripts & Styles.
Image Modified
3. Select
- Select Style Sheets.
4.
- Click + Add Script/Style at the top right-hand side of the browser.
5. - You can choose to create a JavaScript or a Style Sheet. Select Style Sheet.
6. In - In File Name, enter an appropriate name that follows the naming conventions of our site.
Image Modified
7.
- Click the Add button. The system will open a blank editing window.
8. - Type in your custom style sheet or you can paste text from a file you already created elsewhere.
Image Modified
9. When
- When you have finished, click Save.
10.
- Click Cancel to exit out of the script editor.
Applying a script or style to a page/template
...
Info |
---|
Note - you will not be able to delete scripts and styles that are currently being used in a page or template. |
- In the CMS, navigate to Advanced Content → Scripts & Styles.
- Depending on whether you want to delete a javascript or style sheet file, click on the Javascript or Style Sheets tab.
- Notice that System files have 'Edit' buttons only and cannot be deleted. User-created ones have 'Edit' and 'Option' buttons.
- To delete the file, hover over its Options button and click Delete.
- In the 'Delete widget' box, if you are sure you want to delete this file, click OK otherwise, click Cancel.
Checking where a script or style is used
- In the CMS, navigate to Advanced Content → Scripts & Styles.
- Depending on whether you want to check a javascript or style sheet file, click on the Javascript or Style Sheets tab.
- Find the file name, hover over its Options button and click Where It's Used.
Additional Information
Minimum Version Requirements |
Multiexcerpt |
---|
MultiExcerptName | Minimum Version Requirements |
---|
| 4.13.02 |
|
---|
Prerequisites |
Multiexcerpt |
---|
| Upgrade to version 4.13.02 |
|
---|
Self Configurable |
Multiexcerpt |
---|
MultiExcerptName | Self Configurable |
---|
| Yes |
|
---|
Business Function |
Multiexcerpt |
---|
MultiExcerptName | Business Function |
---|
| BPD Structure |
|
---|
BPD Only? | |
---|
B2B/B2C/Both |
Multiexcerpt |
---|
MultiExcerptName | B2B/B2C/Both |
---|
| Both |
|
---|
Ballpark Hours From CV (if opting for CV to complete self config component) |
Multiexcerpt |
---|
MultiExcerptName | Ballpark Hours From CV (if opting for CV to complete self config component) |
---|
| Contact CV Support |
|
---|
Ballpark Hours From CV (in addition to any self config required) |
Multiexcerpt |
---|
MultiExcerptName | Ballpark Hours From CV (in addition to any self config required) |
---|
| Contact CV Support |
|
---|
Third Party Costs |
Multiexcerpt |
---|
MultiExcerptName | Third Party Costs |
---|
| N/A
|
|
---|
CMS Category |
Multiexcerpt |
---|
MultiExcerptName | CMS Category |
---|
| Advanced Content |
|
---|
...
Content by Label |
---|
showLabels | false |
---|
max | 5 |
---|
spaces | KB |
---|
showSpace | false |
---|
sort | modified |
---|
reverse | true |
---|
type | page |
---|
cql | label in ("new","ver41302","how-to") = "scripts-styles" and type = "page" and space = "KB" |
---|
labels | new ver41302 how-to |
---|
|
...