Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Info
iconfalse
titleIs this feature disabled?


Custom Layout Creator needs to be switched on for your site by Commerce Vision. 


Add To add a background colour to a custom page.:

  1. Go to the page you want to edit (ContentPages & Templates).

  2. Click Change on the Layout panel.
  3. Hover over Options, then Create Custom Layout.

 

...

  1. Add Custom Layout. (NOTE - If this is unavailable, Custom Layout Creator has not been enabled for your site. Contact Commerce Vision.)
    Image Added
  2. In Name Your Layout, enter a suitable name for this layout.

  3. Select Add a Row.

  4. In the Add New Row modal:
      1. Additional Classes: enter the colour code for the row based on your provided style guide. (See: ContentStyle GuidesUI Elements)

        Expand
        titleShow me how...
        1. In the CMS, go to Content → Style Guides → UI Elements.
          Image Added
        2. Go to your site's syle colours. Here's an example.
          Image Added 

        3. Note down the label(s) against the colours. 
          1. primary-background
          2. default-background
          3. secondary-background
          4. black-background
          5. white-background
        4. In Additional Classes, add the colour label against '-background'.
          Image Added 




 

Once you have added in your background colour classes, you can hit save and add the widgets you require into the new layout zones.

...