Global Theme Settings (South Bank)
Global Container Width
| Setting |
Description |
| Global width |
Set the maximum width in pixels for all content containers on the site.
|
Animate Page Elements
| Setting |
Description |
| Enable animations |
When users scroll down the pages on your site, elements will smoothly animate into view. This may cause performance issues if you have categories with lots of products or infinite scrolling enabled. |
Fonts
| Setting |
Description |
| Enable custom Google fonts |
Select this to include any font from Google Fonts. Instructions to configure this feature can be found here.
|
| Heading font family |
Choose the font style to be used for all headings.
|
| Body text font family |
Choose the font style to be used for all body text.
|
Font Sizes
| Setting |
Description |
| Body text font size |
Choose the font size to be used for all body text.
|
| Hero text font size |
Choose the size of hero title.
|
| H1 font size |
Choose the size of large titles.
|
| H2 font size |
Choose the size of h2 headings.
|
| H3 font size |
Choose the size of h3 headings.
|
| H4 font size |
Choose the size of h4 text.
|
| H5 font size |
Choose the size of h5 text.
|
| H6 font size |
Choose the size of h5 text.
|
Shopping Cart
| Setting |
Description |
| Show payment method icons in the side cart |
Select this to show payment icons in the side cart. Note: You will also need to select the correct payment icons in the footer section for these to show.
|
| Thumbnail image in side cart |
Set it to Optimized for theme or Specify dimensions.
|
Pricing
| Setting |
Description |
| Price Ranges |
Show the price range (lowest to highest) for products with variants.
|
Purchase Options
| Setting |
Description |
| Restrict Purchase to Login |
Select this to hide prices and add to cart buttons until your customers sign in to the website.
|
Breadcrumbs
| Setting |
Description |
| Hide desktop breadcrumbs |
Breadcrumbs are removed from product and category pages on larger screens.
|
| Hide mobile breadcrumbs |
Breadcrumbs are removed from product and category pages on smaller screens.
|
Blog
| Setting |
Description |
| Show summary in cards |
Select this to display a summary, i.e. the first few lines of the post in blog cards.
|
| Show author in cards |
If a name is entered in the Author field on blog entries, picking this option will display it in blog cards.
|
| Blog listing size |
Set it to Optimized for theme or Specify dimensions.
|
Blog Post
| Setting |
Description |
| Number of products on page |
How many products to display on the blog post, or disable this feature.
|
| Type of products |
Set it to Featured Products, Most Popular Products or New Products.
|
| Products per row |
How many products to display per row on the blog post.
|
Page Headings
| Setting |
Description |
| Hide page heading |
Select this to remove the title on web pages.
|
| Hide category page heading |
Select this to remove the category name heading from category pages.
|
| Hide blog page heading |
Select this to remove the title of the blog page.
|
| Hide contact us page heading |
Select this to remove the title of the contact us page.
|
Custom CSS
Enable custom store and checkout CSS to add overrides and additional CSS without having to edit your theme files. This allows you to use the master copy of the theme and still benefit from updates. These files are loaded last so override all built in styles.
Before activating, you will need to create files named custom.css and checkout.css locally. These correspond to the two options in the settings panel. You will need to upload these files via WebDAV to your store. Inside the Content folder, create a new directory called css, and upload your new CSS files to this location.
| Setting |
Description |
| Enable custom store CSS |
Pick this to add custom store CSS to add overrides and additional CSS without having to edit your theme files.
|
| Enable custom checkout CSS |
Pick this to add custom checkout CSS to add overrides and additional CSS without having to edit your theme files.
|
| Enable developer custom store CSS |
Select this to add developer custom store CSS. This is used by Flair when setting up paid customizations.
|
| Enable developer custom checkout CSS |
Select this to add developer custom checkout CSS. This is used by Flair when setting up paid customizations.
|
| Enable developer fixes |
Select this to add developer fixes. If a bug is discovered and providing it can be fixed using only CSS, we'll be able to add it to a custom style sheet quickly before applying it to a future theme update.
|
