Skip to main content

How to use Layout Settings

Learn how to use store settings to set up the layout of your website

J
Written by James bradbury
Updated over 2 years ago

The layout settings works on a per storefront basis and from there you have the ability to edit the layout of your website to your preferences

From the main Admin CMS, navigate and click on 'Stores' on the left hand menu column.

Then choose which storefront you wish to arrange the store layout. By clicking on the blue hyperlink store name to open up the storefront configuration as in the below window.

Next click on the menu tab 'Layout Settings' to open up the configuration table as shown below.

If you have a layout already loaded from a previous store, you can select it from the drop down menu and click the 'Load' button.

To add layout settings, choose the Primary Font from the drop down menu and the secondary from the second drop down menu.

The resulting layout settings are arranged with the following headings, where you are able to load between the Primary and Secondary font, with the the subsequent font colour and font size.

Each window will have the same 'Font Type', 'Font Colour' and 'Font Size' configuration for these next titles:

Paragraph

Heading 1

Heading 2

Heading 3 (used for menu)

Heading 4 (used for buttons)

Heading 5

Heading 6 (used for footer links)

Href (used for text links)

Href active (used for text links on rollover)

Button

Button Active

Background Colours

The next window allows you the opportunity to add any custom JS script for your website by loading into the window provided.

The second window allows you to add any Custom CSS code for the website.

The last window is for adding any Javascript links that have been added from any localised repository servers. Add any additional links by clicking on the '+Add Custom Js Links' . Alternatively, any custom links may be removed by clicking the 'Remove' button.

Upload all the new layout settings ,and custom additions by clicking the 'Save' button.

Did this answer your question?