Fuse Theme manual

This settings block is intended for general Typography settings on the site.

In order to get to the Typography settings block, you need to go to Editor→ Theme Settings → Typography.

Settings

Base and heading fonts

1. Base font – font picker for plain text throughout the store;

2. Heading font – font picker for headings throughout the store;

3. Uppercase – setting allows you to set text for headings in uppercase;

4. Base font size – plain text size;

5. Heading font size – heading text size.

This settings block is intended for general Colors settings on the site.

In order to get to the Colors settings block, you need to go to Customizer → Theme Settings → Colors.

Settings

Text colors

1. Primary – base text color;

2. Secondary – additional text color (discounted price, variant names, ;

3. Headings – heading text color;

4. Accent – accent color (bullet points, accent spots);

5. Link – color for links in RTE content.

 

Background

1. Page – page background color;

2. Secondary – secondary background color (product cards, product template, footer)

3. Background accent – Accent background color (product variants)

 

Border colors

1. Primary – color for primary button borders.

2. Secondary – color for secondary borders. This setting also applies to the inactive pagination buttons;

3. Thirdly – color for third borders (language and currency selector).

 

Support colors

1. Paid badge color – Badge text color. This setting is used on the account page.

2. Paid badge background color – Badge background color. This setting is used on the account page

3. Attention – Attention text colors (Sale price, errors).

4. Success – Success messages text color.

 

Overlay

1. Background – Overlay background color picker. Appears when the pop-ups or drawers open.

 

Social buttons

1. Icon – social media button icon color;

2. Background – social media button background color;

3. Border – social media button border color;

4. Icon (hover) – social media button icon color on hover;

5. Background (hover) – social media button background color on hover;

6. Border (hover) – social media button border color on hover.

 

Preloader

1. Circle – loading circle loader color;

2. Item – the color of the animated loader element;

3. Overlay – overlay color when a loader appears.

 

Scrollbar

1. Background – slider control button background color;

2. Icon – slider control button icon color;

3. Border – slider control button border color;

4. Background (hover) – slider control button background color on hover;

5. Icon (hover) – slider control button icon color on hover;

6. Border (hover) – slider control button border color on hover.

 

Slider pagination

1. Bullet – color of the pagination bullet;

2. Bullet (active) – color of the pagination bullet on hover;

This settings block is intended for general Button color settings on the site.

In order to get to the Colors settings block, you need to go to Customizer → Theme Settings → Buttons.

Settings

Button font settings

1. Font – font family for all buttons;

2. Font size – font size for all buttons;

3. Uppercase – button text transform to uppercase.

 

Button primary / Button secondary

1. Text – main button text color;

2. Background – main button background color;

3. Text (hover) – button text color on hover;

4. Background (hover) – background color of the main button on hover.

 

Button thirdly / Button with icon

1. Text – button text color;

2. Background – button background color;

3. Border – border color;

4. Text (hover) – button text color on hover;

5. Background (hover) – button background color on hover.

6. Border (hover) – border color on hover;

This settings block is intended for adding a favicon to the site.

In order to get to the Favicon settings block, you need to go to Customizer → Theme Settings → Favicon.

Settings

1. Image – an option for uploading a favicon image; 32 x 32px dimensions are recommended.

This settings block is intended for general Layout settings on the site.

In order to get to the Layout settings block, you need to go to Customizer → Theme Settings → Layout.

 

Settings

1. Container width – the setting allows you to select the width of the container for the sections, where you can make the section full size.

   • Default – 1680px width;

   • Large – 1920px width;

   • Full width – 100% width;

This settings block is intended for general Cart settings on the site.

In order to get to the Cart settings block, you need to go to Customizer → Theme Settings → Cart.

 

Settings

General

1. Cart type – the setting is responsible for the type of cart. It has two values: drawer, page;

2. Show product vendor – the setting is responsible for showing/hiding the product vendor in cart;

3. Show discounts – the setting is responsible for showing/hiding cart discount form;

4. Show cart notes – the setting is responsible for showing/hiding cart notes;

5. Show tax and shipping message – the setting is responsible for showing/hiding the tax and shipping message;

6. Show dynamic checkout buttons – the setting is responsible for showing/hiding dynamic checkout buttons;

7. Show shipping rates calculator – enable the shipping rates calculator in the cart drawer and cart page. If you have multiple currencies in your store – disable this feature. The shipping calculator does not support the store with multiple currencies;

8. Terms and conditions text – the setting is responsible for adding text for the terms and conditions text flag; if the text is not set, then the checkbox will not be displayed in the cart.

9. Show compare-at-price in Cart – the setting is responsible for displaying/hiding a discounted product price in the cart.

10. Checkout button label – the setting is responsible for adding a label to the Checkout button. If it is not specified, the value from the default theme content (locales) will be used.

 

Empty cart

1. Empty cart heading – the setting allows you to add a heading when the shopping cart is empty;

2. Empty cart text – the setting allows you to add text when the shopping cart is empty;

 

Cart notification

1. Show cart notification – the setting allows enabling/disabling the cart notification pop-up;

2. Background color – a background color of the cart notification pop-up;

3. Text color – text color of the cart notification pop-up;

This settings block is intended for general Color swatches settings on the site.

In order to get to the Color swatches settings block, you need to go to Customizer → Theme Settings → Color swatches.

Settings

1. Enable color swatches – the setting is responsible for enabling/disabling color swatches. Shopify swatches will be used by default. Learn more about setting up swatches for product options – Shopify’s Standard Product Taxonomy.
   If the color name consists of several words, then the last word will be taken and substituted into the CSS palette.

2. Swatch option – the text field for specifying the variant option for the color swatches. The swatches will be substityde to the “Color” variant. If you have a “Colour” or another option name, then it should be specified in this field.

This settings block is intended for general Product settings on the site.

In order to get to the Product settings block, you need to go to Customizer → Theme Settings → Product.

 

 

Settings

General

1. Default product image – this image will be used for products that have no image;

2. Show first media image instead of the variant image – if enabled, the first image in the product media will be used as a main image. If disabled, the image of the first selected variant will be used by default.

3. Show unit price – the setting is responsible for displaying the Unit price. For more info, refer to the Shopify knowledge base – Displaying unit prices for products.

This settings block is intended for general Product label settings on the site.

In order to get to the Product label settings block, you need to go to Customizer → Theme Settings → Product labels.

Settings

Labels

1. Enable labels – the setting is responsible for enabling/disabling the display of product labels.

2. Enable Sale % label – the setting is responsible for enabling/disabling the display of sale labels for discounted products.

 

For each type of label, there are color settings. This way, you can change the color for the label text: primary, secondary, base, and soldout;

1. Label text color – text color of the label.

2. Label background color – background color of the label.

 

This block of settings is intended for general Product card settings on the site.

In order to get to the Product card settings block, you need to go to Customizer→Theme Settings→Product card.

Settings

General

1. Show vendor – the setting is responsible for showing/hiding the product vendor;

2. Show currency code – setting responsible for whether the currency code will be shown;

3. Image aspect ratio – aspect ratio of the image. Can be:

   • Pre-designed – follows the theme design. The aspect ratio will be 11% larger than a square ratio.;

   • Square – 1:1 aspect ratio;

   • Portrait – 2:3 aspect ratio.

4. Enable images carousel – option enables the images carousel in the product card. Only the first image of each color variant will be displayed;
   If images are not binded with the color variants, all product media will be displayed in a carousel.

5. Show additionals options – if enabled, other product variants will be displayed on hover, but will not be clickable.

6. Button type (desktop) – the setting is responsible for selecting a button type. The setting is applied to a product card with a form.

 

Colors

1. Button background – button background color;

2. Button color – button text/icon color;

3. Button border – button border color;

4. Buttons box background – buttons box background color with a transparency property.

This block of settings is intended for Compare products settings on the site.

In order to get to the Compare products settings block, you need to go to Customizer → Theme Settings → Compare products.

Settings

1. Enable – the setting allows you to display or not display product compare buttons;

2. Popup heading – heading of compare buttons popup;

3. Button sticky background – background color of the floated compare product button;

4. Button sticky color – text color of the floated compare product button;

5. Button sticky counter background – background color of the product count in the compare window;

6. Button sticky counter color – text color of the product’s counter;

This block of settings is intended for general settings of the Article card on the site.

In order to get to the Article card settings block, you need to go to Customizer → Theme Settings → Article card.

Settings

1. Default article image – the setting is used to add a default image if the article does not have one;

2. Show blog post date – the setting is responsible for showing/hiding the publication dates of the article;

3. Show blog post author – the setting is responsible for showing/hiding the author of the article;

4. Show blog post comments count – the setting is responsible for showing/hiding the number of comments;

5. Show blog post tags – the setting is responsible for showing/hiding article tags. Maximum number of tags displayed: 3;

6. Show blog post excerpt – the setting is responsible for showing/hiding the excerpt of the article;

7. Strip title to 2 line – the setting is responsible for trimming the title of the article to 2 lines;

8. Strip content to 2 line – the setting is responsible for trimming the content of the article to 2 lines;

9. Tag background – the setting is responsible for the background color of the article tag;

10. Tag color – the setting is responsible for the color of the article tag;

11. Overlay color (hover) – the setting is responsible for the color of the overlay that appears over the article image when hovering on the article card.

 

Additional information

You can show the author’s photo on the article card.

To do this you need to create a metafield for the Blog posts.

Go to the Admin panel→ Settings → Metafields and metaobjects and find Blog posts.

• Create a new metafield with the type Image (File).

• In the field Name you can add this: Author image.

• In the field Namespace and key you must write this: custom.author_image.

 

After that, go to the specific blog post in the admin panel, scroll the page down, find this metafield, and add an image to that metafield.

This block of settings is intended for general settings of the Quick view window on the site.

In order to get to the Quick view settings block, you need to go to Customizer → Theme Settings → Quick view.

Settings

1. Enable quick view – the setting is responsible for enabling the quick view feature;

2. Show additional payment buttons – the setting is responsible for enabling display of the additionl payment buttons;

3. Show product description – the setting is responsible for enabling display of the product description;

4. Show product labels – the setting is responsible for enabling display of the product labels;

5. Variant picker – the setting to select a style of the variant picker: buttons or dropdown;

6. Object fit image – the setting is to select how the images will appear. Cover – fill the entire area. Contain – scales proportionately, and the native size of the image.

 

Full-width image

1. Enable zoom – adds a button on mobile devices that opens the image fullscreen;

2. Button icon color – the setting is to set the zoom button icon color;

3. Button background color – the setting is to set the zoom button background color;

4. Button border color – the setting is to set the zoom button border color.

 

Countdown timer

1. Show – the setting is responsible for enabling the countdown timer;

2. Choose date – the setting is for choosing the type of timer: duration or ending date.

3. Text – the text of the sale timer;

4. Duration – the duration of the timer;

5. Loop timer – an option to make the timer automatically renew when it ends;

6. Text color – the color of the text;

 

Colros

1. Text – timer heading text color;

2. Timer text – timer color;

3. Timer label – time labels text color (Month, Days, etc.);

4. Text background – timer heading background color;

5. Timer background – timer background color;

6. Border – timer border color.

This block of settings is intended for general settings of the Predictive search on the site.

In order to get to the Predictive search settings block, you need to go to Customizer → Theme Settings → Predictive search.

Settings

1. Enable – enables the predictive search feature;

2. Popup heading – heading of the predictive search pop-up;

3. Enable search by articles – enables searching by articles;

4. Enable search by pages – enables searching by pages;

5. No results text – adding a text for predictive search pop-up if the search has no results.

 

Popular search

1. Heading – adds a heading for the most searched terms;

2. Links – option to add a menu with search terms. Only the first-level menu items will be displayed.

 

Popular products

1. Heading – A heading for a list of most searched products;

2. Products – An option to select a list of products that will be pre-added when the pop-up opens.

This block of settings is intended for general settings of Social media on the site.

In order to get to the Social media settings block, you need to go to Customizer → Theme Settings → Social media.

Settings

1. X (Twitter) – link to the store’s X (Twitter) account;

2. Facebook – link to the store’s Facebook account;

3. Pinterest -link to the store’s Pinterest account;

4. Instagram – link to the store’s Instagram account;

5. Tumblr – link to the store’s Tumblr account;

6. YouTube – link to the store’s YouTube account;

7. TikTok – link to the store’s TikTok account.

8. Linkedin – link to the store’s LinkedIn account.

This block of settings is intended for the general settings of the Cart reminder on the site.

In order to get to the Cart reminder settings block, you need to go to Customizer → Theme Settings → Cart reminder.

Settings

1. Enable – enables a cart reminder;

2. Cookie time – Time interval after which the reminder will be shown;

3. Display frequency – Frequency of displaying the cart reminder. Show once or at intervals. If “One time” is selected, it will be shown once a day;

4. Text – a heading of the cart reminder.

 

Colors

1. Text – Text color of the cart reminder popup;

2. Background – Background color of the cart reminder popup;

3. Icon – Cart reminder icon color;

4. Button close – close pop-up button color.

This settings block is intended for general Breadcrumbs settings on the site.

In order to get to the Breadcrumbs settings block, you need to go to Customizer → Theme Settings → Breadcrumbs.

Settings

1. Show– the setting is responsible for showing/hiding breadcrumbs.

2. Show collection on PDP – showing the first available collection of the target product.

 

Layout

1. Desktop offset top – the top indent of the section on the desktop;

2. Desktop offset bottom – the bottom indent of the section on the desktop;

3. Mobile offset top – the top indent of the section on the mobile;

4. Mobile offset bottom – the bottom indent of the section on the mobile.

This settings block is intended for general Seo settings on the site.

In order to get to the Seo settings block, you need to go to Customizer → Theme Settings → Seo.

Settings

1. Hide site from search engine – the setting is responsible for hiding pages from indexing by search robots.

This block of settings is intended for general Custom CSS settings on the site.

In order to get to the Custom CSS settings block, you need to go to Customizer → Theme Settings → Custom CSS.

 

Settings

1. Textarea – a text area where you can add your CSS code for customization.

 

Additional information

In this block, your CSS code will be added at the end of the page, and the same custom CSS block that is in the section settings will be added to the end of the section.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Product details.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Grid layout – the heading allows you to set number of columns on desktop resolution.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Detail

1. Heading – the setting is responsible for heading;

2. Icon – the setting is responsible for icon output;

3. Text – the setting is responsible for text output.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Our team.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Text – the setting allows you to insert text for the section.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Team card

1. Image– setting allows you to set an image for the block;

2. Heading – the setting is responsible for heading;

3. Text – the setting is responsible for text output.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Contact.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Text – the setting allows you to set the section text;

3. Show socials – the setting allows you to enable socials links.

 

Form

1. Heading – the setting allows you to set the form heading;

2. First name label – the setting allows you to set the label for first name;

3. First name placeholder – the setting allows you to set the placeholder for first name;

4. First name required – the setting allows you to set the first name field required;

5. Last name label – the setting allows you to set the label for last name;

6. Last name placeholder – the setting allows you to set the placeholder for first name;

7. Last name required – the setting allows you to set the first name field required;

8. Email label – the setting allows you to set the label for email;

9. Email placeholder – the setting allows you to set the placeholder for email;

10. Phone label – the setting allows you to set the label for phone;

11. Phone placeholder – the setting allows you to set the placeholder for phone;

12. Phone required – the setting allows you to set the phone field required;

1. Subject label – the setting allows you to set the label for subject;

2. Subject placeholder – the setting allows you to set the placeholder for subject;

3. Subject required – the setting allows you to set the subject field required;

4. Message label – the setting allows you to set the label for message;

5. Message placeholder – the setting allows you to set the placeholder for message;

6. Privacy checkbox message – the setting allows you to set the privacy checkbox message;

7. Submit button label – the setting allows you to set the text for submit button;

8. Success message – the setting allows you to set the success message.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

User information

Blocks limit: 1.

1. Image – the setting is responsible for image output;

2. Name – the setting is responsible for name;

3. Text – the setting is responsible for role.

 

Contact information

1. Heading – the setting is responsible for heading;

2. Content – the setting is responsible for content;

3. Icon – the setting is responsible for icon output.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Newsletter.

 

Section settings

General

1. Heading – the setting allows you to set the heading;

2. Text – the setting allows you to set the text content;

3. Background image desktop – the setting allows you to set a background image for the section at desktop resolution;

4. Background image mobile – the setting allows you to set a background image for the section at mobile resolution;

5. Enable background blur – this setting allows you to enable blur for the section background.

 

Form

1. Email placeholder – the setting allows you to set the text for the email input placeholder.

2. Button label – the setting allows you to set the label for the input button;

3. Success message – the setting allows you to set the text of successful sending.

 

Colors

1. Background – the setting allows you to set the background color for the section;

2. Image overlay – this setting allows you to set the overlay color for the background image.

3. Text – the setting allows you to set the text color;

4. Input background – the setting allows you to set the background color for the input field;

5. Input color – the setting allows you to set the text color for the input field;

6. Button background – the setting allows you to set the background color for the button;

7. Button label – the setting allows you to set the label color fore the button.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Image with text.

 

Section settings

General

1. Heading – the setting allows you to set the section heading.

2. Label– the setting allows you to insert text for the section.

3. Text – the setting allows you to insert text for the section.

4. Button label – the setting allows you to insert text for the section.

5. Button aria-label– the setting allows you to insert text for the section.

6. Button link– the setting allows you to insert link for the section.

1. Image desktop – the setting allows you to set an image (desktop) for the section;

2. Image mobile – the setting allows you to set an image (mobile) for the section;

3. Image width – the setting allows you to set the image width (50%/ 70%).

4. Image position – the setting allows you to set the image position (left / right).

5. Text alignment – the setting allows you to set the text alignment (left / center / right).

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Small collections.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Collections – the setting allows set the section collections;

3. Desktop layout– the setting allows you to set the section layout;

4. Cards per row– the heading allows you to set number of columns on desktop resolution.

5. Link label– the setting allows you to set the label for link.

 

Colors

1. Card background– the setting allows you to set the background color for the card.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Store location.

 

Section settings

General

1. Heading – the setting allows you to set the heading;

2. Text – the setting allows you to set the text content;

3. Show socials – the setting allows you to show social icons. Info: social media accounts are configured globally in the theme settings (Theme settings -> Social media -> Social accounts).

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Contact information

1. Heading – the setting allows you to set the heading;

2. Content – the setting allows you to set the text content;

3. Show socials – the setting allows you to set the icon. Info: 24 x 24px .svg recommended.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Product info.

 

Section settings

General

1. Heading – the setting allows you to set the section heading.

2. Image desktop – the setting allows you to set an image (desktop) for the section;

3. Image mobile – the setting allows you to set an image (mobile) for the section;

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Feature

1. Heading – the setting is responsible for heading;

2. Image– setting allows you to set an image for the block;

3. Text – the setting is responsible for text output.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Title with image.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Text – the setting allows you to set the section text;

3. Desktop banner min height – the setting allows you to set minimal height of section on desktop;

4. Mobile banner min height – the setting allows you to set minimal height of section on mobile;

5. Background image desktop – the setting allows you to set background image on desktop;

6. Background image mobile – the setting allows you to set background image on mobile;

7. Additionaly image desktop – the setting allows you to set background image on desktop;

8. Additionaly image mobile – the setting allows you to set background image on mobile;

9. Enable background blur – the setting allows you to enable blur.

 

Ticker

1. Text – the setting allows you to set the text;

2. Font size (desktop) – the setting allows you to set the font size for ticker on desktop;

3. Font size (mobile) – the setting allows you to set the font size for ticker on mobile;

4. Direction – the setting allows you to set the ticker direction;

5. Movement speed (desktop) – the setting allows you to set ticker speed on desktop;

6. Movement speed (mobile) – the setting allows you to set ticker speed on mobile.

 

Allignments

1. Text block alignment horizontal – the setting allows you to set horizontal alignment for text block on desktop only;

2. Additional image position – the setting allows you to set additional image position on desktop only;

3. Text alignment desktop – the setting allows you to set horizontal alignment for text on desktop;

4. Text alignment mobile – the setting allows you to set horizontal alignment for text on mobile.

 

Colors

1. Text – the setting allows you to set color of text;

2. Background overlay – the setting allows you to set overlay of background.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Trend products.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Image desktop – the setting allows you to set an image (desktop) for the section;

3. Image mobile – the setting allows you to set an image (mobile) for the section;

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Product

1. Product– setting allows you to set product for the block;

2. Product image– setting allows you to set custom image for the product;

3. Spot horizontal position desktop– setting allows you to set desktop spot horizontal position for the block;

4. Spot vertical position desktop– setting allows you to set desktop spot vertical position for the block;

5. Spot horizontal position mobile– setting allows you to set mobile spot horizontal position for the block;

6. Spot vertical position mobile– setting allows you to set mobile spot vertical position for the block;

 

Custom image

1. Image– setting allows you to set an image for the block;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Short links.

 

Section settings

General

1. Heading – the setting allows you to set the section heading.

2. Text – the setting allows you to insert text for the section.

3. Links – the setting allows you select a link list.

4. Mobile links layout – the setting allows you сustomize link display for mobile.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Blog posts.

 

Section settings

General

1. Blog – the setting allows you to select a blog, the last 3 articles of which will be displayed;

2. Heading – the setting allows you to set the heading;

3. Button label – the setting allows you to set the label for the link;

4. Button aria-label – the setting allows you to set the aria-label, this field is needed to improve accessibility, and people using screen readers will hear the purpose of this button;

5. Mobile layout – the setting allows you to set the mobile layout for the section (Carousel, Grid).

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Shop by brand.

 

Section settings

1. Heading – the setting allows you to set the section heading.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Brand block

1. Image– setting allows you to set an image for the block;

2. Link– setting allows you to set link for the block.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Specifications.

 

Section settings

General

1. Heading – the setting allows you to set the heading.

 

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Block Spec list

1. Heading – the setting allows you to set the heading.

2. Features list – the setting allows you to set the text content. Use list format to display information.

 

Block Spec range

1. Heading – the setting allows you to set the heading.

 

First option

1. Enable– the setting controls the visibility of options (lines).

2. Heading – the setting allows you to set the heading.

3. Value start– the setting allows you to set the range position.

4. Value end– the setting allows you to set the range position.

5. Point 1 ...5– the setting allows you to set the text info for the range position.

 

Second/Third option

1. Enable– the setting controls the visibility of options (lines).

2. Heading – the setting allows you to set the heading.

3. Value– the setting allows you to set the range position.

4. Start label – the setting allows you to set the text label.

5. End label – the setting allows you to set the text label.

 

Colors

1. Range empty background – the setting allows you to set the line color.

2. Range filled background – the setting allows you to set the line(filled) color.

 

Block Spec points

1. Heading – the setting is responsible for heading;

 

First (Second, Third, Fourth) option

1. Enable – the setting controls the visibility of options (lines).

2. Heading – the setting allows you to set the heading.

3. Active state – the setting allows you to set the active position.

 

Colors

1. Range empty background – the setting allows you to set the line color.

2. Range filled background – the setting allows you to set the line(filled) color.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Benefits.

 

Section settings

General

1. Heading – the setting allows you to set the heading;

2. Text – the setting allows you to set the text content;

 

Colors

1. Block background– the setting allows you to set the background color for the block;

2. Block text– the setting allows you to set the text color;

3. Block background (hover)– the setting allows you to set the hover background color for the block;

4. Block text hover– the setting allows you to set the hover text content;

5. Link background– the setting allows you to set the background color for the link;

6. Link border– the setting allows you to set the border color for the link;

7. Link color– the setting allows you to set the link color.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

1. Heading – the setting allows you to set the heading;

2. Text – the setting allows you to set the text content;

3. Link – the setting allows you select a link.

 

Adding a section

The section is static on a Gift cart page layout; it was added initially and cannot be removed. It is not possible to add other sections on this page or add the Gift card section to any of the pages across the store.

 

Section settings

1. Logo– setting allows you to set logo for the block;

2. Logo width– the setting allows you to set the logo width;

3. Gift card custom image– the setting allows you to set an image for the section.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Grid banner.

 

Section settings

General

1. Show banner text content – the setting allows you to set the show content.

2. Enable indent between banners – the setting allows you to set the indent.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Banner

1. Image desktop – the setting allows you to set an image (desktop) for the section.

2. Image mobile – the setting allows you to set an image (mobile) for the section.

3. Heading – the setting allows you to set the section heading

4. Text – the setting allows you to set the text content.

5. Button label – the setting allows you to insert text for the section.

6. Button link– the setting allows you to insert link for the section.

7. Button aria-label– the setting allows you to insert text for the section.

 

Adding a section

The section is static, it is added initially and cannot be removed.

Section settings

Logo

1. Logo type – this setting lets you choose the type of logo. You can choose between an image or text;

2. Logo image – this setting allows you to set a logo image;

3. Logo width – this setting allows you to adjust the width of the logo image.

 

Logo type: text

1. Heading – this setting allows you to add text to the logo heading;

2. Font size desktop – this setting allows you to adjust the font size on the desktop for the logo and heading;

3. Font size mobile – this setting allows you to adjust the font size on the mobile for the logo and heading;

4. Heading color – this setting allows you to specify a color for the header;

5. Heading background image – this setting allows you to select a background image for the heading.

 

General

1. Copyright text – the setting allows you to set the copyright text, where %date% is a shortcut that will be replaced with the current year;

2. Show payment icons – this setting allows you to display payment icons;

3. Show back to top button – this setting allows you to display the “Back to top” button.

 

Country/Region selector

1. Show country/region selector – the checkbox is responsible for enabling/disabling change of the country (currency). To manage, go to settings → payments.

 

Language selector

1. Show language selector – the checkbox is responsible for enabling/disabling language change. To manage, go to settings → languages.

 

Follow on Shop

1. Enable Follow on Shop – the setting allows you to enable “Follow on Shop” which allows customers to follow your store on the Shop app. Learn more in the Shopify documentation.

 

Blocks settings

Block “Menu”

Block limit – 3

1. Heading – the setting allows you to set the text field to Heading;

2. Menu – the setting allows you to set the menu. Only the first level of links will be displayed;

3. Open by default on mobile – this setting allows the item to open by default on a mobile device.

 

Block “Contact”

Block limit – 1

1. Heading – this setting allows you to specify the block name;

2. Email – this setting allows you to enter an email address;

3. Phone – this setting allows you to enter a phone number;

4. Work schedule – this setting allows you to set a work schedule;

5. Show social links – this setting allows you to display social media links.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Text – the setting allows you to insert text for the section;

3. Button label – the setting allows you to set the label for the input button;

4. Button url– the setting allows you to set the url for the input button;

5. Links – the setting allows you select a link list;

6. Image – setting allows you to set an image for the block.

 

Layout

1. Desktop offset top – the top indent of the section on the desktop;

2. Desktop offset bottom – the bottom indent of the section on the desktop;

3. Mobile offset top – the top indent of the section on the mobile;

4. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Reviews.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Background image – the setting allows you to set background image on desktop;

3. Background image mobile – the setting allows you to set background image on mobile.

 

Colors

1. Background overlay – the setting allows you to set overlay of background

2. Text – the setting allows you to set color of text;

3. Author role – the setting allows you to set color of author role.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Image compare.

 

Section settings

General

1. Heading – the setting allows you to set the section heading.

2. Desktop image height – the setting allows you to set the image height.

3. Mobile image height – the setting allows you to set the image height.

4. First image – the setting allows you to set the image.

5. Second image – the heading allows you to set the image.

 

Additional content

1. Heading – the setting is responsible for heading.

2. Text – the setting is responsible for text output.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → FAQ.

 

Section settings

General

1. Heading – the setting allows you to set the section heading;

2. Text – the setting allows you to insert text for the section.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Category

1. Heading – the setting allows you to set the block heading.

 

FAQ item

1. Category – the setting allows you to set the category name for the block;

2. Heading– the setting allows you to set the block heading;

3. Text– the setting allows you to insert text for the block;

4. Image– setting allows you to set an image for the block;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Rich text.

 

Section settings

General

1. Label– the setting allows you to insert text for the section.

2. Heading – the setting allows you to set the section heading.

3. Text – the setting allows you to insert text for the section.

1. Button label – the setting allows you to insert text for the section.

2. Button link– the setting allows you to insert link for the section.

3. Text alignment – the setting allows you to set the text alignment (left / center / right).

4. Enable read more button – the setting allows you to enable button.

5. Read more button label – the setting allows you to insert text for the button.

6. Show less button label – the setting allows you to insert text for the button.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Section is used for the page template.

The section is added initially to the page and cannot be removed.

 

Section settings

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a Section

In order to add a section, go to the Customizer → Add Section → Collection list.

 

Section settings

General

1. Heandle – you can set a title for the section;

2. Card per row desktop – you can choose the number of columns for desktop;

3. Card per row mobile – you can choose the number of columns for mobile;

4. Image aspect ratio – you can choose the look of the picture;

5. Text alignment – you can choose one of two positions for the text;

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

1. Сollection – you can select a collection for the block;

2. Image – you can choose an alternative picture for the collection;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Ticker.

 

Section settings

General

1. Disable pause on hover – the setting allows you to disable pause on hover;

2. Font– the setting allows you to select the font family;

3. Font size (desktop) – this setting allows you to adjust the font size on the desktop for the content;

4. Font size (mobile) – this setting allows you to adjust the font size on the mobile for the content

5. Direction– you can choose the direction of the ticker;

6. Movement speed (desktop) – this setting allows you to adjust the movement speed on the desktop;

7. Movement speed (mobile) – this setting allows you to adjust the movement speed on the mobile.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Block Content

1. Text – the setting is responsible for text output;

2. Image– setting allows you to set an image for the block. Info: 204 x 204px .jpg recommended;

3. Image link– the setting allows you to insert link for the image.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Video.

 

Section settings

General

1. Poster image – the setting allows you to set an image (desktop) for the section.

2. Video type – the setting allows you to type of video (HTML5, Youtube/Vimeo).

3. HTML5 desktop video – the setting allows uploading the desktop video.

4. HTML5 mobile video– the setting allows uploading the mobile video.

5. Youtube/Vimeo desktop video url – the setting allows you to insert video URLs.

6. Youtube/Vimeo mobile video url – the setting allows you to insert video URLs.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section below the Popup groups → Age check popup.

 

Section settings

General

1. Cookie time – the setting allows you to set the cookie duration.

2. Heading – the setting allows you to set the section heading.

3. Text – the setting allows you to insert text for the section.

4. Button label – the setting allows you to set the label for the input button.

5. Button close label – the setting allows you to set the label for the input button.

6. Redirect link– the setting allows you to insert link for the input button.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Ticker video.

 

Section settings

1. Video type – the setting allows you to type of video (HTML5, Youtube/Vimeo);

2. HTML5 desktop video – the setting allows uploading the desktop video;

3. HTML5 mobile video– the setting allows uploading the mobile video;

4. Youtube/Vimeo desktop video – the setting allows you to insert video URLs;

5. Youtube/Vimeo mobile video – the setting allows you to insert video URLs;

6. Disable pause on hover – the setting allows you to disable pause on hover;

7. Font– the setting allows you to select the font family;

8. Font size (desktop) – this setting allows you to adjust the font size on the desktop for the content;

9. Font size (mobile) – this setting allows you to adjust the font size on the mobile for the content

10. Direction– you can choose the direction of the ticker;

11. Movement speed (desktop) – this setting allows you to adjust the movement speed on the desktop;

12. Movement speed (mobile) – this setting allows you to adjust the movement speed on the mobile.

 

Colors

1. Text – the setting allows you to set the text color;

2. Enable text blur – this setting allows you to enable blur for the section text.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

The section allows you to display the last-viewed products. It can only be added on the product page.

 

Adding a section

 

Section settings

General

1. Heading – the setting allows you to set the section title;

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section  under the Popups group → Age check popup.

 

Section settings

General

1. Cookie time – the setting allows you to set the cookie duration.

2. Heading – the setting allows you to set the section heading.

3. Text – the setting allows you to insert text for the section.

4. Input label – the setting allows you to set the label for the input text.

5. Input placeholder– the setting allows you to set the label for the input text.

6. Button submit label– the setting allows you to set the label for the input button.

7. Button cancel label – the setting allows you to set the label for the input button.

8. Show socials– the setting allows you to display social links.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Slideshow.

 

Section settings

Slideshow settings

1. Enable loop – the setting allows you to set a loop for the video;

2. Enable autoplay – the setting allows you to set autoplay for the video;

3. Autoplay speed – the setting allows you to set the autoplay speed;

4. Animation speed – the setting allows you to set the animation speed;

5. Animation type – the setting allows you to type of animation (Fade/Slide/Creative);

6. Navigation label – the setting allows you to set the label for the navigation.

 

Colors

1. Navigation– the setting allows you to set the color for the navigation text;

2. Play/Pause – the setting allows you to set the color for the play/pause button.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

6. Desktop section height– the setting allows you to set the section height on the desktop;

7. Mobile section height– the setting allows you to set the section height on the mobile;

8. Subtract header height– the setting subtracts the header height from the slider height.

 

Block settings

Block Image

1. Image (desktop) – the setting allows you to set an image (desktop) for the section;

2. Image (mobile) – the setting allows you to set an image (mobile) for the section;

3. Heading – the setting allows you to set the section heading;

4. Text – the setting allows you to insert text for the section;

5. Button label – the setting allows you to insert text for the section;

6. Button aria-label– the setting allows you to insert text for the section;

7. Button link– the setting allows you to insert link for the section;

8. Open link in a new tab – the setting allows you to open link in a new tab;

9. Make link clickable on the entire slide – the setting allows you to make link clickable on the entire slide.

 

Alignment

1. Text alignment inside block (desktop)– the setting allows you to set horizontal alignment for text on desktop;

2. Text alignment inside block (mobile)– the setting allows you to set horizontal alignment for text on mobile;

3. Content aligment– the setting allows you to set horizontal alignment for the content on desktop only.

 

Colors

1. Overlay – the setting allows you to set overlay of background;

2. Heading– the setting allows you to set color of heading;

3. Text – the setting allows you to set color of text;

4. Button background– the setting allows you to set the background color for the button;

5. Button color– the setting allows you to set the button color;

6. Button background (hover)– the setting allows you to set the hover background color for the button;

7. Button color (hover)– the setting allows you to set the button hover color.

 

HTML5 video Block

1. Video (desktop) – the setting allows uploading the desktop video;

2. Video (mobile) – the setting allows uploading the mobile video;

3. Preview image (desktop) – the setting allows you to set an image (desktop) for the section;

4. Preview image (mobile) – the setting allows you to set an image (mobile) for the section;

5. Heading – the setting allows you to set the section heading;

6. Text – the setting allows you to insert text for the section;

7. Button label – the setting allows you to insert text for the section;

8. Button aria-label– the setting allows you to insert text for the section;

9. Button link– the setting allows you to insert link for the section;

10. Open link in a new tab – the setting allows you to open link in a new tab;

11. Make link clickable on the entire slide – the setting allows you to make link clickable on the entire slide.

 

Video settings

1. Play type – the setting allows you to type of play (Autoplay/Play by a button/Autoplay with a button).

 

Alignment

1. Text alignment inside block (desktop)– the setting allows you to set horizontal alignment for text on desktop;

2. Text alignment inside block (mobile)– the setting allows you to set horizontal alignment for text on mobile;

3. Content aligment– the setting allows you to set horizontal alignment for the content on desktop only.

 

Colors

1. Overlay – the setting allows you to set overlay of background;

2. Heading– the setting allows you to set color of heading;

3. Text – the setting allows you to set color of text;

4. Button background– the setting allows you to set the background color for the button;

5. Button color– the setting allows you to set the button color;

6. Button background (hover)– the setting allows you to set the hover background color for the button;

7. Button color (hover)– the setting allows you to set the button hover color.

 

Vimeo/YouTube video Block

1. Video (desktop) – the setting allows you to insert video URLs;

2. Video (mobile) – the setting allows you to insert video URLs;

3. Preview image (desktop) – the setting allows you to set an image (desktop) for the section;

4. Preview image (mobile) – the setting allows you to set an image (mobile) for the section;

5. Heading – the setting allows you to set the section heading;

6. Text – the setting allows you to insert text for the section;

7. Button label – the setting allows you to insert text for the section;

8. Button aria-label– the setting allows you to insert text for the section;

9. Button link– the setting allows you to insert link for the section;

10. Open link in a new tab – the setting allows you to open link in a new tab;

11. Make link clickable on the entire slide – the setting allows you to make link clickable on the entire slide.

 

Video settings

1. Play type – the setting allows you to type of play (Autoplay/Play by a button/Autoplay with a button).

 

Alignment

1. Text alignment inside block (desktop)– the setting allows you to set horizontal alignment for text on desktop;

2. Text alignment inside block (mobile)– the setting allows you to set horizontal alignment for text on mobile;

3. Content aligment– the setting allows you to set horizontal alignment for the content on desktop only.

 

Colors

1. Overlay – the setting allows you to set overlay of background;

2. Heading– the setting allows you to set color of heading;

3. Text – the setting allows you to set color of text;

4. Button background– the setting allows you to set the background color for the button;

5. Button color– the setting allows you to set the button color;

6. Button background (hover)– the setting allows you to set the hover background color for the button;

7. Button color (hover)– the setting allows you to set the button hover color.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Banner.

 

Section settings

General

1. Desktop banner min height – the setting allows you set the section height (desktop) (200px to 800px, or ‘Based on the media size’).

2. Mobile banner min height – the setting allows you you set the section height (mobile) (200px to 800px, or ‘Based on the media size’).

3. Text block layout – the setting allows you choose the text block layout for the section (Box, Standard).

4. Text mobile position – the setting allows you position text on mobile (on or below the image).

5. Heading – the setting allows you to set the section heading.

6. Text – the setting allows you to insert text for the section.

1. Button label – the setting allows you to set the label for the button.

2. Button link – the setting allows you to set the link for the button.

3. Media type – the setting allows you select the video type (Image, HTML5 video, YouTube/Vimeo).

4. Image desktop – the setting allows you assign an image (desktop) to the section.

5. Image mobile – the setting allows you assign a mobile image to the section.

6. HTML5 desktop video – the setting allows you assign a desktop video to the section.

7. HTML5 mobile video – the setting allows you assign a video (mobile) to the section.

8. Youtube/Vimeo desktop video url – the setting allows you specify a video URL for the section (desktop).

9. Youtube/Vimeo mobile video url – the setting allows you to specify a video URL (mobile) for the section.

 

Countdown timer

1. Enable – this setting allows you to enable a visible countdown on the screen.

2. Year – this setting allows you to specify the current or target year.

3. Month – this setting allows you to select the month for the countdown.

4. Day – this setting allows you to set the day for the countdown.

5. Hour – this setting allows you to set the hour for the countdown.

6. Timezone – this setting allows you to adjust the time zone for accurate local timing.

7. Timer text color – this setting allows you to customize the color of the timer text.

 

Alignments

1. Text alignment desktop – the setting allows you to set the text alignment (Left, Center, Right) on desktop.

2. Text alignment mobile – the setting allows you to set the text aligmnet (Left, Center, Right) on mobile.

3. Block alignment horizontal – the setting allows you to set the block aligmnet (Left, Center, Right) on horizontal.

4. Block alignment vertical – the setting allows you to set the block aligmnet vaertical (Top, Center, Bottom).

5. Block alignment vertical mobile – the setting allows you to set the block aligmnet vaertical (Top, Center, Bottom) on mobile.

 

Colors

1. Timer text color – this setting allows you to customize the color of the timer text. (The countdown timer should be enabled to display this setting)

2. Overlay – this setting allows you to set a background layer over your video or image to improve readability.

3. Text – this setting allows you to enter a custom message or title to display alongside the timer.

4. Text box background – this setting allows you to set the background of the box section.

5. Enable text box blur – this setting applies a blur effect to the box section.

6. Bottom gradient overlay – this setting allows you to set the bottom gradient overlay of the section.

7. Button background – this setting allows you to set the background color of the button.

8. Button color – this setting allows you to set the text color of the button.

9. Button background hover – this setting allows you to set the background hover color of the button.

10. Button color hover – this setting allows you to set the button’s text hover color.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

The section is static on a Blog template, it was added initially and cannot be removed.

 

Section settings

General

1. Grid layout – the setting allows you to choose grid layout type (standard / custom grid);

2. Paginate by – the setting allows you to set the number of visible articles per page;

3. Pagination type – the setting allows you to choose pagination type (pagination/load-more/infinite-scroll);

4. Show filter by tag – the settings allows you to show all possible blog-post tags.

 

Colors

1. Filter background color – the setting allows you to set the background color of the filter bar;

2. Filter text – the setting allows you to set the text color of the filter bar;

3. Filter active state – the setting allows you to set the active state color of the filter bar;

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

This section is used for the Collections list page template.

 

Section settings

General

1. Custom collections – the setting allows set the section collections;

2. Sort collections by – the setting allows you to set the sorting of collections;

3. Heading– you can set a title for the section;

4. Cards per row desktop – you can choose the number of columns for desktop;

5. Cards per row mobile – you can choose the number of columns for mobile;

6. Paginate by – setting that defines how many items are displayed per page.

 

Collection card

1. Image aspect ratio – you can choose the look of the picture;

2. Text alignment – you can choose one positions for the text.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a Section

The section is static on a Login page template, it was added initially and cannot be removed.

 

Section settings

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block: Contact information

This block can be added to the section to display additional contact information in the left column next to the login form. Limit: 1 block.

General

1. Heading – the setting allows you to set the heading for the contact information block.

2. Text – the setting allows you to set the text content for the contact information block.

3. Button label – the setting allows you to set the label for the button.

4. Button link – the setting allows you to set the URL for the button.

User info

1. Heading – the setting allows you to add a heading for the user info section.

2. Image – the setting allows you to upload a user avatar image.

3. Name – the setting allows you to set the user name.

4. Role – the setting allows you to set the user role/position.

 

Adding a Section

The section is static on a Register page template, it was added initially and cannot be removed.

 

Section settings

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block: Contact information

This block can be added to the section to display additional contact information in the left column next to the registration form. Limit: 1 block.

General

1. Heading – the setting allows you to set the heading for the contact information block.

2. Text – the setting allows you to set the text content for the contact information block.

3. Button label – the setting allows you to set the label for the button.

4. Button link – the setting allows you to set the URL for the button.

User info

1. Heading – the setting allows you to add a heading for the user info section.

2. Image – the setting allows you to upload a user avatar image.

3. Name – the setting allows you to set the user name.

4. Role – the setting allows you to set the user role/position.

 

Adding a Section

The section is static on a Reset password page template, it was added initially and cannot be removed.

Section settings

Layout

1. Desktop offset top – the top indent of the section on the desktop;

2. Desktop offset bottom – the bottom indent of the section on the desktop;

3. Mobile offset top – the top indent of the section on the mobile;

4. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a Section

The section is static on a Activate account page template, it was added initially and cannot be removed.

Section settings

Layout

1. Desktop offset top – the top indent of the section on the desktop;

2. Desktop offset bottom – the bottom indent of the section on the desktop;

3. Mobile offset top – the top indent of the section on the mobile;

4. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

The section is static on a Article page template, it was added initially and cannot be removed.

 

Section settings

General

1. Show author – settings allow you to show the author of the article;

2. Show date– settings allow you to show the date of the article;

3. Show tags– settings allow you to show article tags;

4. Show socials share– settings allow you to show links to social networks;

5. Promo products heading– the setting allows you to add a heading for the promo products section;

6. Promo products– the setting allows you to add products to the promo products section.

 

Sidebar

1. Enable related articles – this option allows you to enable the display of related articles on the screen;

2. Related articles heading – the setting allows you to set a title for related articles;

3. Enable banner – this option allows you to enable the banner display on the screen;

4. Banner image – setting allows you to set an image for the banner;

5. Banner label– the setting allows you to set a label for the banner;

6. Banner heading– the setting allows you to set a heading for the banner;

7. Banner button label– the setting allows you to set a label for the banner button;

8. Banner button link– the setting allows you to insert link for the banner button;

9. Banner text color– the settings allow you to set the color of the banner text;

10. Banner overlay– settings allow you to set the overlay color for the banner image.

 

Colors

1. Heading– the setting allows you to set color of heading;

2. Text – the setting allows you to set color of text;

3. Overlay – the setting allows you to set overlay of background.

 

Layout

1. Desktop offset top – the top indent of the section on the desktop;

2. Desktop offset bottom – the bottom indent of the section on the desktop;

3. Mobile offset top – the top indent of the section on the mobile;

4. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Collections carousel.

 

Section settings

General

1. Heading – the setting allows you to set the section heading.

2. Button label – the setting allows you to insert text for the section.

3. Button link– the setting allows you to insert link for the section.

4. Button aria-label– the setting allows you to insert text for the section.

 

Colors

1. Button text– this setting allows you to set the text color of the button.

2. Button background – this setting allows you to set the background color of the button.

3. Button border– this setting allows you to set the border color of the button.

4. Button text (hover)– this setting allows you to set the button’s text hover color.

5. Button background (hover) – this setting allows you to set the background hover color of the button.

6. Button border (hover)– this setting allows you to set the border hover color of the button.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Story telling.

 

Section settings

General

1. Heading – the setting allows you to set the section heading.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Slide Block

1. Image – the setting allows you to set slide image;

2. Heading – the setting allows you to set slide heading;

3. Text – the setting allows you to set slide text;

4. Pagination label – the setting allows you to set slide pagination label.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Featured collection.

 

Section settings

1. Heading – setting for adding a section heading;

2. Collection – setting for adding a collection;

3. Products – setting for adding specific products. Has priority over the collection.

 

Header: Banner

1. Show banner – setting for enabling/disabling the section’s promotion banner;

2. Label – setting for adding a label to promotion banner;

3. Button label – promotion banner button text;

4. Custom image – setting for adding a custom image. The collection image is used by default;

5. Overlay color – setting for adding a colored overlay to the banner;

6. Text – setting for text color on the banner;

7. Button text – banner label text color;

8. Button background – banner background color;

9. Button color (hover) – banner label text color on hover;

10. Button background (hover) – banner background color on hover;

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Scroll collections.

 

Section settings

1. Label – setting for adding a section title;

2. Show product count – setting for displaying the product’s count in collections.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Collection block

1. Collection – setting for adding a collection;

2. Custom image – setting for adding a custom image. The collection image is used by default;

3. Additional heading – setting for adding a heading. Appears when the image is hovered.

4. Additional text – setting for adding additional text. Appears when the image is hovered.

 

Colors

1. Additional content background – background color on image hover;

2. Text – text color of the additional text.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Interactive slides.

 

Section settings

1. Middle main media behavior – setting is responsible for how the main image displays in the section;

2. Enable pulse-animation for the middle main media – enables pulse-animation for the middle image.

 

Slideshow settings

1. Enable loop – enables loop for slides in the section.

 

Colors

1. UI interactive-slides background – slide controls button background color;

2. UI interactive-slides color – slide controls button icon color.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

6. Adapt to first image – Makes all slides the same height based on the dimensions of 1 image. Overwrites section height settings;

7. Desktop section height – the setting is responsible for the height of the section for the desktop. The height of the section also depends on the height of the slider content. If the content height is greater than the specified height in the customization, the section height will be equal to the content height;

8. Mobile section height – the setting is responsible for the height of the section for the mobile. The height of the section also depends on the height of the slider content. If the content height is greater than the specified height in the customization, the section height will be equal to the content height;

9. Subtract header height – the setting is responsible for subtracting the header height from the slideshow size. This will be useful when you set the slideshow size to 100% and turn on the settings. You will fit the announcement bar, header, and slideshow on one screen. The height of the section also depends on the height of the slider content. If the content height is greater than the specified height in the customization, the section height will be equal to the content height.

 

Block settings

Image block

1. Image (desktop) – setting for adding main image for desktop;

2. Image (mobile) – setting for adding the main image for mobile;

3. Background image (desktop) – setting for adding a background image on the desktop;

4. Background image (mobile) – setting for adding a background image on mobile;

5. Heading – setting for adding a slide’s heading.

6. Text – setting for adding a slide’s description;

7. Button label – setting for adding button label;

8. Button aria-label – setting for adding a button’s aria label. Required for accessibility;

9. Button link – setting for adding a link to a button;

10. Open link in a new tab – if it is enabled, clicking on the button opens a link in a new tab window.

 

Big heading

1. Type – selects a type of the big heading: regular text or ticker;

2. Text – text field for adding a big text;

3. Font size (desktop) – big text font size on desktop;

4. Font size (mobile) – big text font size on mobile;

5. Direction – big text ticker direction;

6. Movement speed (desktop) – big text movement speed for desktop;

7. Movement speed (mobile) – big text movement speed for mobile.

 

Colors

1. Enable background blur – enables background blur;

2. Overlay – setting for specifying overlay color;

3. Heading – setting for specifying heading text color;

4. Big heading – setting for specifying big heading text color;

5. Text – setting for specifying text color;

6. Button background – setting for specifying CTA button background color;

7. Button color – setting for specifying CTA button text color;

8. Button background (hover) – setting for specifying CTA button background color on hover;

9. Button color (hover) – setting for specifying CTA button text color on hover;

10. Full width overlay (desktop) – setting for specifying background overlay if the main image displays fullscreen on desktop;

11. Full width overlay (mobile) – setting for specifying background overlay if the main image displays fullscreen on mobile;

 

HTML5 video block

1. Video (desktop) – the setting allows uploading the desktop video;

2. Video (mobile) – the setting allows uploading the mobile video;

3. Background image (desktop) – the setting allows you to set a background image (desktop) for the slide;

4. Background image (mobile) – the setting allows you to set a background image (mobile) for the slide;

5. Heading – the setting allows you to set the slide’s heading;

6. Text – setting for adding a slide’s description;

7. Button label – setting for adding button label;

8. Button aria-label – setting for adding a button’s aria label. Required for accessibility;

9. Button link – setting for adding a link to a button;

10. Open link in a new tab – if it is enabled, clicking on the button opens a link in a new tab window.

 

Big heading

1. Type – selects a type of the big heading: regular text or ticker;

2. Text – text field for adding a big text;

3. Font size (desktop) – big text font size on desktop;

4. Font size (mobile) – big text font size on mobile;

5. Direction – big text ticker direction;

6. Movement speed (desktop) – big text movement speed for desktop;

7. Movement speed (mobile) – big text movement speed for mobile.

 

Colors

1. Enable background blur – enables background blur;

2. Overlay – setting for specifying overlay color;

3. Heading – setting for specifying heading text color;

4. Big heading – setting for specifying big heading text color;

5. Text – setting for specifying text color;

6. Button background – setting for specifying CTA button background color;

7. Button color – setting for specifying CTA button text color;

8. Button background (hover) – setting for specifying CTA button background color on hover;

9. Button color (hover) – setting for specifying CTA button text color on hover;

10. Full width overlay (desktop) – setting for specifying background overlay if the main image displays fullscreen on desktop;

11. Full width overlay (mobile) – setting for specifying background overlay if the main image displays fullscreen on mobile;

 

Vimeo/YouTube video block

1. Video (desktop) – the setting allows adding a desktop video link;

2. Video (mobile) – the setting allows adding a mobile video link;

3. Background image (desktop) – the setting allows you to set a background image (desktop) for the slide;

4. Background image (mobile) – the setting allows you to set a background image (mobile) for the slide;

5. Heading – the setting allows you to set the slide’s heading;

6. Text – setting for adding a slide’s description;

7. Button label – setting for adding button label;

8. Button aria-label – setting for adding a button’s aria label. Required for accessibility;

9. Button link – setting for adding a link to a button;

10. Open link in a new tab – if it is enabled, clicking on the button opens a link in a new tab window.

 

Big heading

1. Type – selects a type of the big heading: regular text or ticker;

2. Text – text field for adding a big text;

3. Font size (desktop) – big text font size on desktop;

4. Font size (mobile) – big text font size on mobile;

5. Direction – big text ticker direction;

6. Movement speed (desktop) – big text movement speed for desktop;

7. Movement speed (mobile) – big text movement speed for mobile.

 

Colors

1. Enable background blur – enables background blur;

2. Overlay – setting for specifying overlay color;

3. Heading – setting for specifying heading text color;

4. Big heading – setting for specifying big heading text color;

5. Text – setting for specifying text color;

6. Button background – setting for specifying CTA button background color;

7. Button color – setting for specifying CTA button text color;

8. Button background (hover) – setting for specifying CTA button background color on hover;

9. Button color (hover) – setting for specifying CTA button text color on hover;

10. Full width overlay (desktop) – setting for specifying background overlay if the main image displays fullscreen on desktop;

11. Full width overlay (mobile) – setting for specifying background overlay if the main image displays fullscreen on mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Map.

 

Section settings

1. Heading – setting for adding a section heading;

2. Map tab button label – setting for adding a tab button label for a map;

3. Gallery tab button label – setting for adding a tab button label for a gallery;

4. Map embedded code – setting for adding an embedded map code. To get this code, open the maps in your browser (e.g., Google Maps), specify the place, click “Share” → Embed a map. Copy the HTML code and paste it into this field.

5. Map image – setting for adding a map image. Used instead of the map embedded code;

6. Map link – setting for adding a link to the map image.

 

Colors

1. Map tab label – map tab button label color;

2. Map tab background – map tab button outer container background color;

3. Map tab inner background – map tab button inner container background color;

4. Active pill – active tab button background color.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Gallery image block

1. Image – setting is responsible for adding an image to the gallery.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Product tabs.

 

Section settings

1. Heading – an option for adding a section’s title.

2. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

3. Desktop offset top – the top indent of the section on the desktop;

4. Desktop offset bottom – the bottom indent of the section on the desktop;

5. Mobile offset top – the top indent of the section on the mobile;

6. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Products block

1. Tab label – product tab button label;

2. Products – option for adding a list of products.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Product bundle.

 

Section settings

1. Heading – setting for adding a section heading;

2. Additional heading – setting for adding a section’s additional heading;

3. Text – setting for adding a section’s description;

4. Button label – setting for adding a CTA button label;

5. Popup heading – setting for adding a popup heading;

6. Popup subheading – setting for adding a popup subheading;

7. Background image desktop – setting for adding a section’s background image for the desktop. If not specified, a solid color will be displayed;

8. Background image mobile – setting for adding a section’s background image for mobile. If not specified, a desktop image will be displayed;

9. Enable image blur – enables background image blur.

 

Colors

1. Section background – setting for adding the section’s background color;

2. Image overlay – setting for adding an image overlay color. Works if the background image is added;

3. Text – setting for adding a section text color;

4. Button text – CTA button label color;

5. Button background – CTA button background color;

6. Button text (hover) – CTA button label text color on hover;

7. Button background (hover) – CTA button background color on hover;

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Product block

Limit – 6 blocks.

1. Product – setting for adding a product to the block;

2. Preview image – setting for adding an image preview. Takes priority over the product image.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Promo product.

 

Section settings

1. Product – setting for adding a product;

2. Big heading – adds a decorative background big heading;

3. Additional description – adds additional description below product title;

4. Variant picker – setting controls how product variants will appear: buttons or dropdowns;

5. Object fit image – setting controls how the product image will appear:

   1. Cover – fills the entire container’s area;

   2. Contain – fits the entire product image within container.

6. Add to cart label – add to cart button label;

7. Show additional payment buttons – enables the display of the dynamic checkout buttons (Buy it now).

 

Colors

1. Section background – section background color;

2. Image back light – image back light color;

3. Big heading – big heading text color;

4. Text – text color setting;

5. Main UI color – product form UI color;

6. Swatch button active color – border color of the active color option (with swatches);

7. Select dropdown color (hover) – background color of the active variant in dropdowns;

8. Disabled radio button color – variant button label color for sold-out options;

9. Disabled radio button background – variant button background color for sold-out options

10. Buy it now button text – Buy it now button label color;

11. Buy it now button background – Buy it now button background color;

12. Buy it now button text (hover) – Buy it now button label color on hover;

13. Buy it now button background (hover) – Buy it now button background color on hover.

 

Layout

1. Desktop offset top – the top indent of the section on the desktop;

2. Desktop offset bottom – the bottom indent of the section on the desktop;

3. Mobile offset top – the top indent of the section on the mobile;

4. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Featured collection.

 

Section settings

1. Heading – setting for adding a card’s title.

Colors

1. Card overlay – card overlay color;

2. Card text – card text color.

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Look block

Limit – 3.

1. Heading – setting for adding a car’s title;

2. Text – setting for adding a card’s subtitle;

3. Image – setting for adding a card’s image;

4. Shop the look label – setting for adding a button label;

5. Products – setting for adding products. Limit – 6 products.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Social feed.

 

Section settings

1. Heading – setting for adding a section’s title;

Colors

1. Card overlay – card overlay color picker

2. Card text – card text color picker;

3. Card count text – product count text color;

4. Heading icon ring – heading iton ring color picker;

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Item block

Limit – 4.

1. Card image – setting for adding card image;

2. Heading – setting for adding card heading;

3. Heading icon – setting for adding card heading icon;

4. Short description – setting for adding card description;

5. View product label – setting for adding a card button label.

 

Popup

1. Heading – setting for adding popup heading;

2. Image – setting for adding popup image;

3. Products – setting for adding products. Limit – 6 products;

4. Button label – setting for adding a popup button label;

5. Button link – setting for adding a popup button link.

 

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Store locator.

 

Section settings

1. Heading – setting for adding a section title;

2. Map tab button label – setting for adding a map tab button label;

3. Gallery tab button label – setting for adding image gallery tab button label;

Colors

1. Map tab label – map tab button label text color;

2. Map tab map background – map tab button container background color;

3. Map tab inner background – map tab button inner container background color;

4. Active pill – active tab background color;

5. Store info text – store info text color;

6. Store info background – store info background color.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Block settings

Block Store

1. Store name – setting for adding a store name; also displays as tab button label;

2. Location text – setting for adding a store location text;

3. Phone text – setting for adding contact number;

4. Schedule text – setting for adding a store’s working hours;

5. Button label – setting for adding a contact button label;

6. Button link – setting for adding a contact button link.

 

Map

1. Map embed code – setting for adding an embedded map code. To get this code, open the maps in your browser (e.g., Google Maps), specify the place, click “Share” → Embed a map. Copy the HTML code and paste it into this field.

2. Map image – setting for adding a map image. Used instead of the map embedded code;

3. Map link – setting for adding a link to the map image.

 

Gallery images

1. Image 1-4 – setting for adding an image to the gallery tab.

 

Adding a section

The section is static on a collection page template; it is added initially and cannot be removed.

 

Section settings

1. Show breadcrumbs – setting enables display of the breadcrumbs on the collection banner, and only if the collection banner is visible. To disable the breadcrumbs site-wide, please go to Theme Settings → Breadcrumbs.

2. Show collection image – setting enables the collection image display.

3. Custom image – setting is responsible for adding a custom collection image. This will be added to each collection that uses the current collection template (e.g., Default collection).

4. Heading and description position – setting is responsible for the collection title and description position: Inside the image or Under the image.
   If the collection has no image or you hide the collection image, then the ‘Under the image’ option will be used.

5. Show grid buttons – the setting is responsible for displaying grid buttons.

6. Show color swatch in filters – the setting is responsible for whether the color swatches will be displayed in filters.

7. Filters type – the setting is responsible for the filter’s appearance on the desktop. Drawers or Sidebar. On the mobile, it is always a drawer.

8. Paginate by – the setting is responsible for how many products will appear per page.

9. Pagination type – the setting is responsible for the pagination type: Pagination, Load more, Infinity scroll.

10. Promo collections – the setting is responsible for adding a list of collections below the collection banner.

 

Colors

1. Banner overlay – colored gradient for the collection banner image.

2. Banner text – collection banner text color.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Adding a section

The section is static on a product page template, it was added initially and cannot be removed.

Section settings

Media

1. Enable zoom – enables product image zoom.

2. Media layout – the setting is responsible for the product images’ layout.

3. Product media column position – the setting is responsible for swapping the product template position.

4. Media height – the setting allows you to select the height of the image.

5. Image object fit – the setting allows you to select object fit variation for main media slider;

6. Enable media scroll for stacked layout – the setting allows you to enable scroll to variant image when changing product options for the stacked layout.

 

General

1. Show message of taxes included – enables the display of the taxes message.

2. Show pay installments – if the store has the right to sell by installments and this feature is enabled in the Admin settings, then this parameter will control the visibility of the installment block;

3. Show product tags – enables the display of the product labels.

4. Enable sticky add to cart – enables the sticky add to cart bar. This bar appears when the “Add to cart” block scrolls over the top edge of the window.

 

Notify me

1. Show notify me button – enables the display of the “notify me” button when the product or its variant is sold out.

2. Button label – setting controls the “notify me” button label.

3. Popup heading – setting controls the “notify me” pop-up heading.

4. Email label – setting controls email input label.

5. Email placeholder – setting controls email input placeholder.

6. Form button label – setting controls submit form button label.

7. Success message – setting controls the success message afrer form is submitted.

 

Size guide

1. Show size guide – enables the size guide feature.

2. Size option – use this setting to specify under which product variant the ‘size guide’ button will appear. By default, the ‘size’ option will be used.

3. Button label – setting controls the ‘size guide’ button label.

4. Drawer heading – setting controls the size guide popup heading.

5. General tab label – setting controls the general tab with the size chart.

6. Model tab label – setting controls the model image and description tab label.

 

Colors

1. UI button color – user interface button color. Used for icon color

2. UI button background – user interface button background color.

3. UI button border color – user interface button border color.

Sticky add to cart

1. Background style – setting controls the appearance of the sticky add to cart bar: dark or light.

2. Text color – setting controls the sticky add to cart text color.

3. Button background color – setting controls buttons background color.

4. Button border color – setting controls button border color.

5. Scroll button color – setting controls scroll to top button color (only for mobile).

6. Scroll button background color – setting controls scroll to top button background color (only for mobile).

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Blocks settings

Main information block

Vendor

1. Show vendor – enables display of the product vendor.

2. Make vendor link to collection – makes the vendor clickable. It leads to the vendor’s autogenerated collection.

 

SKU

1. Show SKU – enables the Stock Keeping Unit display.

2. SKU text – adds a text before the SKU number.

 

Description

1. Read more label – adds ‘read more’ button below the product description. Leave empty to show the entire product description in the block. Add some text to truncate text and show a read more button.

2. Show less label – adds a button label to collapse the product description. It has a “SHOW LESS” default value in case the field is empty.

 

Options block

1. Variant picker – setting controls how the variant picker will display on the page.

 

Add to cart block

1. Show additional payment buttons – enables the display of the dynamic checkout buttons. Learn more about checkout buttons on the Shopify portal: Accelerated checkout buttons

2. Show recipient information form for gift cards – allows customers to send gift cards on a scheduled date along with a personal message. Learn more: Add recipient fields to your gift card products

 

Inventory status

1. Enable inventory status – enables the display of the inventory status block.

2. Low stock text – adds a low stock message.

3. Low stock icon – adds a low stock message icon.

4. High stock text – adds a high stock message.

5. High stock icon – adds a high stock message icon.

6. Low stock threshold – the setting allows you to select the minimum number of variant inventory quantities to show a “Low stock text” message. If the variant inventory quantity is more than the value of the setting, then “High stock text” will appear.

7. Progress bar background – inventory status progress bar background color.

8. Progress bar background fill – inventory status progress bar fill color.

 

Gift wrap product

1. Enable – enables the gift wrapping feature.

2. Product – adds a gift wrapping product.

3. Checkbox label – adds a label for the gift wrapping option.

4. Popup heading – adds a popup heading.

5. Popup sub heading – adds a popup subheading.

6. Popup sub text – adds additional information for the gift popup.

7. First input label – adds a custom input field. (Sender name, for example). Leave empty to hide field.

8. First input placeholder – adds an input placeholder.

9. Second input label – adds a custom input field. (Recipient name, for example). Leave empty to hide field.

10. Second input placeholder – adds an input placeholder.

11. Message input label – adds a field for the custom message. Leave empty to hide field.

12. Message placeholder – adds a message input placeholder.

13. Cancel button label – setting for adding a cancel button label.

14. Add to cart button label – setting for adding an add to cart button label.

 

Countdown timer block

1. Text – setting for adding a block’s title.

 

Colors

1. Text – block’s title text color picker.

2. Timer text – timer text color picker.

3. Timer label – timer label text color picker (Day, month, hours, minutes, seconds).

4. Text background – block’s title background color picker.

5. Timer background – block’s background color picker.

6. Border – block’s bordrer color picker.

 

Text with icon block

Text 1-4

1. Text – input field to add text.

2. Icon – an option to upload an icon to the text.

 

Drawers block

Product description

1. Show description – an option enables product description display in the drawer.

2. Button label – drawer button label.

3. Drawer heading – drawer popup heading.

 

Custom drawer 1-4

1. Content type – an option determines the way the content will be added to the drawer: a Page or regular Rich text.

2. Text – an input field to add text content for the drawer. Will be displayed if the “Rich text editor” content type is selected.

3. Page – a page selector to add page content to the drawer. Will be displayed if the “Page” content type is selected.

4. Image – an option to add an image to the drawer.

5. Button label – an input field to add a drawer button label.

6. Drawer heading – an input field to add a drawer heading.

 

Specifications drawer

1. Button label – an input field to add a drawer button label.

2. Drawer heading – an input field to add a drawer heading.

 

Collapsed content 1-6

1. Heading – an option to add a collapsible row button label

2. Text – a text field to add a text description. To recreate a layout from design, use an unordered list and make an option label bold.

 

Pickup availability block

1. Icon color – an icon color picker option. The icon is added to the block by design.

 

Complementary products block

To select complementary products, add the Search & Discovery app. Learn more on Shopify portal: Customize product recommendations with Shopify Search & Discovery

1. Heading – an option to add a block’s title.

 

Socials block

1. Show Facebook – enables the display of the Facebook share option.

2. Show X (Twitter) – enables the display of the X (Twitter) share option.

3. Show Pinterest – enables the display of the Pinterest share option.

 

Custom field block

1. Field label – an option to add a label to the custom input field.

2. Required text – an option to add a label to the checkbox.

 

Custom liquid block

1. Custom liquid – the setting allows you to add your liquid code.

You can learn more about liquid here – Liquid reference .

Adding a section

In order to add a section, you need to go to Customizer → Add Section → Featured product.

 

Section settings

 

Media

1. Media layout – the setting is responsible for the product images’ layout.

2. Product media column position – the setting is responsible for swapping the product template position.

3. Media height – the setting allows you to select the height of the image.

4. Image object fit – the setting allows you to select object fit variation for main media slider;

5. Enable media scroll for stacked layout – the setting allows you to enable scroll to variant image when changing product options for the stacked layout.

 

General

1. Show message of taxes included – enables the display of the taxes message.

2. Show pay installments – if the store has the right to sell by installments and this feature is enabled in the Admin settings, then this parameter will control the visibility of the installment block;

3. Show product tags – enables the display of the product labels.

 

Notify me

1. Show notify me button – enables the display of the “notify me” button when the product or its variant is sold out.

2. Button label – setting controls the “notify me” button label.

3. Popup heading – setting controls the “notify me” pop-up heading.

4. Email label – setting controls email input label.

5. Email placeholder – setting controls email input placeholder.

6. Form button label – setting controls submit form button label.

7. Success message – setting controls the success message afrer form is submitted.

 

Size guide

1. Show size guide – enables the size guide feature.

2. Size option – use this setting to specify under which product variant the ‘size guide’ button will appear. By default, the ‘size’ option will be used.

3. Button label – setting controls the ‘size guide’ button label.

4. Drawer heading – setting controls the size guide popup heading.

5. General tab label – setting controls the general tab with the size chart.

6. Model tab label – setting controls the model image and description tab label.

 

Colors

1. UI button color – user interface button color. Used for icon color

2. UI button background – user interface button background color.

3. UI button border color – user interface button border color.

 

Layout

1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;

2. Desktop offset top – the top indent of the section on the desktop;

3. Desktop offset bottom – the bottom indent of the section on the desktop;

4. Mobile offset top – the top indent of the section on the mobile;

5. Mobile offset bottom – the bottom indent of the section on the mobile;

 

Blocks settings

Main information block

Vendor

1. Show vendor – enables display of the product vendor.

2. Make vendor link to collection – makes the vendor clickable. It leads to the vendor’s autogenerated collection.

 

SKU

1. Show SKU – enables the Stock Keeping Unit display.

2. SKU text – adds a text before the SKU number.

 

Description

1. Read more label – adds ‘read more’ button below the product description. Leave empty to show the entire product description in the block. Add some text to truncate text and show a read more button.

2. Show less label – adds a button label to collapse the product description. It has a “SHOW LESS” default value in case the field is empty.

 

Options block

1. Variant picker – setting controls how the variant picker will display on the page.

 

Add to cart block

1. Show additional payment buttons – enables the display of the dynamic checkout buttons. Learn more about checkout buttons on the Shopify portal: Accelerated checkout buttons

2. Show recipient information form for gift cards – allows customers to send gift cards on a scheduled date along with a personal message. Learn more: Add recipient fields to your gift card products

 

Inventory status

1. Enable inventory status – enables the display of the inventory status block.

2. Low stock text – adds a low stock message.

3. Low stock icon – adds a low stock message icon.

4. High stock text – adds a high stock message.

5. High stock icon – adds a high stock message icon.

6. Low stock threshold – the setting allows you to select the minimum number of variant inventory quantities to show a “Low stock text” message. If the variant inventory quantity is more than the value of the setting, then “High stock text” will appear.

7. Progress bar background – inventory status progress bar background color.

8. Progress bar background fill – inventory status progress bar fill color.

 

Gift wrap product

1. Enable – enables the gift wrapping feature.

2. Product – adds a gift wrapping product.

3. Checkbox label – adds a label for the gift wrapping option.

4. Popup heading – adds a popup heading.

5. Popup sub heading – adds a popup subheading.

6. Popup sub text – adds additional information for the gift popup.

7. First input label – adds a custom input field. (Sender name, for example). Leave empty to hide field.

8. First input placeholder – adds an input placeholder.

9. Second input label – adds a custom input field. (Recipient name, for example). Leave empty to hide field.

10. Second input placeholder – adds an input placeholder.

11. Message input label – adds a field for the custom message. Leave empty to hide field.

12. Message placeholder – adds a message input placeholder.

13. Cancel button label – setting for adding a cancel button label.

14. Add to cart button label – setting for adding an add to cart button label.

 

Countdown timer block

1. Text – setting for adding a block’s title.

 

Colors

1. Text – block’s title text color picker.

2. Timer text – timer text color picker.

3. Timer label – timer label text color picker (Day, month, hours, minutes, seconds).

4. Text background – block’s title background color picker.

5. Timer background – block’s background color picker.

6. Border – block’s bordrer color picker.

 

Text with icon block

Text 1-4

1. Text – input field to add text.

2. Icon – an option to upload an icon to the text.

 

Drawers block

Product description

1. Show description – an option enables product description display in the drawer.

2. Button label – drawer button label.

3. Drawer heading – drawer popup heading.

 

Custom drawer 1-4

1. Content type – an option determines the way the content will be added to the drawer: a Page or regular Rich text.

2. Text – an input field to add text content for the drawer. Will be displayed if the “Rich text editor” content type is selected.

3. Page – a page selector to add page content to the drawer. Will be displayed if the “Page” content type is selected.

4. Image – an option to add an image to the drawer.

5. Button label – an input field to add a drawer button label.

6. Drawer heading – an input field to add a drawer heading.

 

Specifications drawer

1. Button label – an input field to add a drawer button label.

2. Drawer heading – an input field to add a drawer heading.

 

Collapsed content 1-6

1. Heading – an option to add a collapsible row button label

2. Text – a text field to add a text description. To recreate a layout from design, use an unordered list and make an option label bold.

 

Pickup availability block

1. Icon color – an icon color picker option. The icon is added to the block by design.

 

Complementary products block

To select complementary products, add the Search & Discovery app. Learn more on Shopify portal: Customize product recommendations with Shopify Search & Discovery

1. Heading – an option to add a block’s title.

 

Socials block

1. Show Facebook – enables the display of the Facebook share option.

2. Show X (Twitter) – enables the display of the X (Twitter) share option.

3. Show Pinterest – enables the display of the Pinterest share option.

 

Custom field block

1. Field label – an option to add a label to the custom input field.

2. Required text – an option to add a label to the checkbox.

 

Custom liquid block

1. Custom liquid – the setting allows you to add your liquid code.

You can learn more about liquid here – Liquid reference .