Global Theme Settings (Covent Garden)

In your control panel, go to Storefront > Themes, and click the blue "Customize" button to launch Theme Editor. In the left hand column of the Theme Editor, click the panel labelled 'Global Theme Settings'.

Content Containers

Setting	Description
Container width	Set the maximum width in pixels for all content containers on the site.
Container style radius	Enter a number between 0 and 30 to add rounded corners to content containers.

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.

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.

Typography

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. We recommend between 12 and 20.
H1 font size	Choose the size of large titles. We recommend between 24 and 48.
H2 font size	Choose the size of h2 headings. We recommend between 20 and 36.
H3 font size	Choose the size of h3 headings. We recommend between 16 and 32.
H4 font size	Choose the size of h4 text. We recommend between 16 and 24.
H5 font size	Choose the size of h5 text. We recommend between 14 and 18.
H6 font size	Choose the size of h5 text. We recommend between 10 and 14.

Headers

Setting	Description
Heading and title capitalization	Choose how you want your headings and titles to appear across your store. Title case capitalizes the first letter of each word, uppercase capitalizes all letters, and lowercase converts all letters to lowercase.
Text dividers	Choose the style of the separators below headings in specific sections.

Buttons & Inputs

Setting	Description
Button corner radius	Enter a number between 0 and 30 to add rounded corners to buttons.
Input corner radius	Enter a number between 0 and 30 to add rounded corners to inputs.

Pricing

Setting	Description
Price Ranges	Show the price range (lowest to highest) for products with variants.

Global Scrolling Banner

Setting	Description
Enable the global banner module	You can enter a maximum of three messages that will appear on the Global Scrolling Banner. Please note this banner module is separate from the store banners added in your control panel. Use this article to set up your store banners.
Global banner scroll speed	Enter a number between 0 and 50 to control the scroll speed of the banner, 0 is off, 1 is fastest and 50 is slowest.
Message 1
Message text	Enter the text you want to describe a USP. Please note that the text field no longer 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. Use this article to help you add an icon. 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 no longer 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. Use this article to help you add an icon.
Message 3
Message text	Enter the text you want to describe a USP. Please note that the text field no longer 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. Use this article to help you add an icon.

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.

Mobile Settings

Setting	Description
Products per row	Choose between one or two columns on smaller screens.
Show breadcrumbs	Breadcrumbs are displayed on 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.

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

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.