Page History

Overview

Websites on Commerce Vision 's BPD framework have the ability to develop custom styles. 

...

websites all have a foundation CSS style sheet (theme.css), which gives the site its base style. To customise the look and feel, the CSS updates file can be edited to apply styling changes to elements throughout the site.  

Traditionally, these updates were done by Commerce Vision's design team, but from version 3.85+, a Style Sheet Editor is available in the CMS. Using this tool, the updates.css file can be edited by your own eCommerce Team, giving you greater flexibility in customising the styling of your website. 

Image Added

How do I use it?

1. Login to the CMS. 
2. Navigate to Advanced Content → Style Sheet Editor. 

...

1. If you have any current code in the updates.css file for your site, it will be displayed here. 
2. Edit the existing Source Code, or enter your new CSS code into the editor. 
   Image Added 
3. Click 'Save'. 
4. The page will reload and your code will remain visible. 

What if I make a mistake? 

Don't panic! We keep a record of the file's version history, so you can always revert to a previous version if necessary. 

1. In the CMS, navigate to Advanced Content → Style Sheet Editor.
2. Hover over the Options menu and select 'File History'.
   Image Added 
3. The previous versions will be listed, with the current version highlighted and displayed. 
   Image Added 
4. Select a previous version from the list, and view the source code.
5. If this is the correct version you wish to revert to, click 'Restore this version'.
   Image Added 
6. The editing screen will load with the new source code displayed. 
7. Edit the code if required, otherwise click 'Save'.