...
To best explain the functionality, we will make a simple change to the background colour of our Store Locator page.
- In your CMS, Go navigate to Advanced Content → Scripts & Styles.
![](/download/attachments/50364450/image2021-9-13_11-48-20.png?version=1&modificationDate=1631497666047&api=v2&effects=drop-shadow)
- Select Style Sheets. All existing style sheets are displayed.
![](/download/attachments/50364450/image2021-9-13_11-40-26.png?version=1&modificationDate=1631497191423&api=v2&effects=drop-shadow)
- Click Add Script/Style at the top right corner.
- In Add Script/Style, select Style Sheet.
![](/download/attachments/50364450/image2021-9-13_11-53-18.png?version=1&modificationDate=1631497963327&api=v2&effects=drop-shadow)
- 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. (See Code Editor for a guide to this tool.) Or you can paste text from a file you already created elsewhere.
![](/download/attachments/50364450/image2021-9-13_11-57-50.png?version=1&modificationDate=1631498235840&api=v2)
- 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 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.
![](/download/attachments/50364450/image2021-9-13_13-46-40.png?version=1&modificationDate=1631504765427&api=v2&effects=drop-shadow)
- 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.
![](/download/attachments/50364450/image2021-9-13_13-51-48.png?version=1&modificationDate=1631505073423&api=v2&effects=drop-shadow)
- The templates currently used by the script or style will be shown.
![](/download/attachments/50364450/image2021-9-13_13-54-37.png?version=1&modificationDate=1631505242753&api=v2&effects=drop-shadow)
Minify Scripts and Styles
To improve the load time of web pages on your website, existing files can be minified.
- Navigate to Advanced Content → Scripts & Styles.
Image Added - Hover over the Options button and click Minify All Files.
Image Added - In the popup, confirm you want the files minified.
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 Commerce Vision |
|
---|
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 Commerce Vision |
|
---|
Third Party Costs |
Multiexcerpt |
---|
MultiExcerptName | Third Party Costs |
---|
| N/A
|
|
---|
CMS Category |
Multiexcerpt |
---|
MultiExcerptName | CMS Category |
---|
| Advanced Content |
|
---|
...