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.
Image Loading
Setting
Description
Lazyloading mode
This controls how images load before the user scrolls to them on the screen. Enable "Lazyloading with LQIP" below if you prefer to show a preview image and replace it with a better quality version as the user scrolls. Select "Disabled" below to fully turn off this feature.
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.
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 popup or reveal a dropdown mini cart from the header.
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.
Blog
Setting
Description
Blog page header image 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.
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.
Did this answer your question?Thanks for the feedbackThere was a problem submitting your feedback. Please try again later.