Set the maximum width in pixels for all content containers on the site.
Editorial Mode
Setting
Description
Enable editorial mode
Select this to link products to blog posts and list them in an article, and link related blog posts to product pages. Use this article to help you setup editorial mode.
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.
Conversion Optimization Mode
Setting
Description
Enable conversion optimization mode
This loads our recommended theme settings which optimize your site for conversions. Please note that these settings will override any custom settings.
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.
Primary font family
Choose the font style to be used for all body text.
Secondary font family
Choose the font style to be used for all secondary body text.
Font Sizes
Setting
Description
Body text font size
Choose the font size to be used for all body text.
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.
Pricing
Setting
Description
Price Ranges
Show the price range (lowest to highest) for products with variants.
Global Header Banner
Setting
Description
Enable the global banner module
Choose to display a site-wide global banner below the main navigation.
Message 1
Message text
Enter the text you want to describe a USP. Please note that the text field has a 64 character limit.
Message link URL
This is an optional field if you want the message text to link to content in your store. It should only contain the absolute path to the related content, not the protocol and hostname.
For example, if you want to link to https://www.yourstore.com/our-delivery-options/ simply enter /our-delivery-options/ in the field.
Message icon
Choose to display an icon to the left of each message in the global banner. We have included a selection of relevant icons from Font Awesome.
Please let us know if you need any additional icons including from the free version of Font Awesome and we will consider them for future releases of the theme.
Message 2
Message text
Enter the text you want to describe a USP. Please note that the text field has a 64 character limit.
Message link URL
This is an optional field if you want the message text to link to content in your store. It should only contain the absolute path to the related content, not the protocol and hostname.
Message icon
Choose to display an icon to the left of each message in the global banner. We have included a selection of relevant icons from Font Awesome.
Message 3
Message text
Enter the text you want to describe a USP. Please note that the text field has a 64 character limit.
Message link URL
This is an optional field if you want the message text to link to content in your store. It should only contain the absolute path to the related content, not the protocol and hostname.
Message icon
Choose to display an icon to the left of each message in the global banner. We have included a selection of relevant icons from Font Awesome.
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
Show breadcrumbs on small screens
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 header size
Select this to change the size of the blog page header image. Use this article to help you choose what image sizes are best for you.
Blog listing thumbnail size
Select this to change the size of the blog listing thumbnail image. Use this article to help you choose what image sizes are best for you.
Shopping Cart
Setting
Description
Thumbnail image in cart and other pages
Select this to change the size of the cart thumbnail image. Use this article to help you choose what image sizes are best for you.
Show payment method icons in the cart
This will show payment methods in the mini cart and cart page, below the checkout buttons.
Add to Cart Behaviour
Setting
Description
Add to cart mode
Control the behaviour of the add to cart functionality on the product page. You can show a Mini Cart, Popup or Redirect to Cart.
Custom CSS
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 customers.
Enable developer custom checkout CSS
Select this to add developer custom checkout CSS. This is used by Flair when setting up paid customers.
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.
Did this answer your question?Thanks for the feedbackThere was a problem submitting your feedback. Please try again later.
