{ "componentChunkName": "component---src-templates-manual-jsx", "path": "/shopify-themes/fuse/manual/", "result": {"pageContext":{"manual":{"page_header":{"background":null,"backgroundOpacity":100,"color":null,"fieldGroupName":"page_header","title":"Fuse Theme manual","opacity":100,"position":"on","size":{"desktop":64,"tablet":48,"mobile":32},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"slug":"fuse-theme-manual","title":"Fuse Theme manual","id":"cG9zdDoyMjAyMA==","modifiedGmt":"2026-10-21T12:29:53","acfManual":{"postType":{"title":"Fuse","uri":"/shopify-themes/fuse/"},"metaData":{"title":"Fuse Shopify Theme Manual","description":"Learn how to set up, customize, and manage the Fuse Shopify theme with step-by-step guides, section settings, and troubleshooting tips"},"sections":[{"fieldGroupName":"manual_Acfmanual_Sections_Manual","manualCategory":[{"fieldGroupName":"manual_category","manualCategoryTitle":"General","manualCategoryBlocks":[{"blockContent":"

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

\n

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

\n

\"theme-settings-typography\"

\n

\n

Settings

\n

\"Typography

\n

Base and heading fonts

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Heading font – font picker for headings throughout the store;

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

    Base font size – plain text size;

    \n
    5. \n
  5. \n

    Heading font size – heading text size.

    \n
    6. \n
\n","blockTitle":"Typography","fieldGroupName":"manual_category_blocks","hash":"general-typography"},{"blockContent":"

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

\n

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

\n

\"theme-settings-colors\"

\n

Settings

\n

Text colors

\n

\"text

\n
    \n
  1. \n

    Primary – base text color;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Headings – heading text color;

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

    Link – color for links in RTE content.

    \n
    6. \n
\n

 

\n

Background

\n

\"background

\n
    \n
  1. \n

    Page – page background color;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Background accent – Accent background color (product variants)

    \n
    4. \n
\n

 

\n

Border colors

\n

\"border

\n
    \n
  1. \n

    Primary – color for primary button borders.

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Support colors

\n

\"support

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

    Success – Success messages text color.

    \n
    5. \n
\n

 

\n

Overlay

\n

\"Overlay

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Social buttons

\n

\"social

\n
    \n
  1. \n

    Icon – social media button icon color;

    \n
    2. \n
  2. \n

    Background – social media button background color;

    \n
    3. \n
  3. \n

    Border – social media button border color;

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Preloader

\n

\"Preloader

\n
    \n
  1. \n

    Circle – loading circle loader color;

    \n
    2. \n
  2. \n

    Item – the color of the animated loader element;

    \n
    3. \n
  3. \n

    Overlay – overlay color when a loader appears.

    \n
    4. \n
\n

 

\n

Scrollbar

\n

\"Scrollbar

\n
    \n
  1. \n

    Background – slider control button background color;

    \n
    2. \n
  2. \n

    Icon – slider control button icon color;

    \n
    3. \n
  3. \n

    Border – slider control button border color;

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Slider pagination

\n

\"Slider

\n
    \n
  1. \n

    Bullet – color of the pagination bullet;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n","blockTitle":"Colors","fieldGroupName":"manual_category_blocks","hash":"general-colors"},{"blockContent":"

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

\n

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

\n

\"theme

\n

\n

Settings

\n

Button font settings

\n

\"button

\n
    \n
  1. \n

    Font – font family for all buttons;

    \n
    2. \n
  2. \n

    Font size – font size for all buttons;

    \n
    3. \n
  3. \n

    Uppercase – button text transform to uppercase.

    \n
    4. \n
\n

 

\n

Button primary / Button secondary

\n

\"button

\n
    \n
  1. \n

    Text – main button text color;

    \n
    2. \n
  2. \n

    Background – main button background color;

    \n
    3. \n
  3. \n

    Text (hover) – button text color on hover;

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n

 

\n

Button thirdly / Button with icon

\n

\"button

\n
    \n
  1. \n

    Text – button text color;

    \n
    2. \n
  2. \n

    Background – button background color;

    \n
    3. \n
  3. \n

    Border – border color;

    \n
    4. \n
  4. \n

    Text (hover) – button text color on hover;

    \n
    5. \n
  5. \n

    Background (hover) – button background color on hover.

    \n
    6. \n
  6. \n

    Border (hover) – border color on hover;

    \n
    7. \n
\n","blockTitle":"Buttons","fieldGroupName":"manual_category_blocks","hash":"general-buttons"},{"blockContent":"

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

\n

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

\n

\"theme-settings-favicon\"

\n

\n

Settings

\n

\"Favicon\"

\n
    \n
  1. \n

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

    \n
    2. \n
\n","blockTitle":"Favicon","fieldGroupName":"manual_category_blocks","hash":"general-favicon"},{"blockContent":"

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

\n

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

\n

\"theme-settings-layout\"

\n

 

\n

Settings

\n

\"Layout

\n
    \n
  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.\n\n
    2. \n
\n","blockTitle":"Layout","fieldGroupName":"manual_category_blocks","hash":"general-layout"},{"blockContent":"

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

\n

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

\n

 

\n

\"theme-settings-cart\"

\n

Settings

\n

General

\n

\"cart-general\"

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

    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;

    \n
    8. \n
  8. \n

    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.

    \n
    9. \n
  9. \n

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

    \n
    10. \n
  10. \n

    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.

    \n
    11. \n
\n

 

\n

Empty cart

\n

\"Empty

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Cart notification

\n

\"cart

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n","blockTitle":"Cart","fieldGroupName":"manual_category_blocks","hash":"general-cart"},{"blockContent":"

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

\n

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

\n

\n

\"theme

\n

\n

Settings

\n

\"Color

\n
    \n
  1. \n

    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.
    \nIf the color name consists of several words, then the last word will be taken and substituted into the CSS palette.

    \n
    2. \n
  2. \n

    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.

    \n
    3. \n
\n","blockTitle":"Color swatches","fieldGroupName":"manual_category_blocks","hash":"general-color-swatches"},{"blockContent":"

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

\n

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

\n

 

\n

\"theme-settings-product\"

\n

 

\n

Settings

\n

General

\n

\"product

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

    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.

    \n
    3. \n
  3. \n

    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.

    \n
    4. \n
\n","blockTitle":"Product","fieldGroupName":"manual_category_blocks","hash":"general-product"},{"blockContent":"

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

\n

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

\n

\n

\"theme

\n

\n

Settings

\n

Labels

\n

\"Product

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

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;

\n
    \n
  1. \n

    Label text color – text color of the label.

    \n
    2. \n
  2. \n

    Label background color – background color of the label.

    \n
    3. \n
\n

 

\n","blockTitle":"Product labels","fieldGroupName":"manual_category_blocks","hash":"general-product-labels"},{"blockContent":"

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

\n

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

\n

\"theme-settings-product-card\"

\n

\n

Settings

\n

General

\n

\"product

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n\n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Colors

\n

\"product

\n
    \n
  1. \n

    Button background – button background color;

    \n
    2. \n
  2. \n

    Button color – button text/icon color;

    \n
    3. \n
  3. \n

    Button border – button border color;

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"Product card","fieldGroupName":"manual_category_blocks","hash":"general-product-card"},{"blockContent":"

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

\n

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

\n

\"theme

\n

\n

Settings

\n

\"compare

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Popup heading – heading of compare buttons popup;

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n","blockTitle":"Compare products","fieldGroupName":"manual_category_blocks","hash":"general-compare-products"},{"blockContent":"

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

\n

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

\n

\"theme

\n

\n

Settings

\n

\"Article

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
  10. \n

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

    \n
    11. \n
  11. \n

    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.

    \n
    12. \n
\n

 

\n

Additional information

\n

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

\n

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

\n

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

\n

\"blog

\n

\n

\n

\"author

\n

 

\n

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.

\n","blockTitle":"Article card","fieldGroupName":"manual_category_blocks","hash":"general-article-card"},{"blockContent":"

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

\n

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

\n

\"theme

\n

Settings

\n

\"quick

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

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

    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.

    \n
    7. \n
\n

 

\n

Full-width image

\n

\"full

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n

 

\n

Countdown timer

\n

\"countdown

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Text – the text of the sale timer;

    \n
    4. \n
  4. \n

    Duration – the duration of the timer;

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

    Text color – the color of the text;

    \n
    7. \n
\n

 

\n

Colros

\n

\"quick

\n
    \n
  1. \n

    Text – timer heading text color;

    \n
    2. \n
  2. \n

    Timer text – timer color;

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

    Text background – timer heading background color;

    \n
    5. \n
  5. \n

    Timer background – timer background color;

    \n
    6. \n
  6. \n

    Border – timer border color.

    \n
    7. \n
\n","blockTitle":"Quick view","fieldGroupName":"manual_category_blocks","hash":"general-quick-view"},{"blockContent":"

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

\n

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

\n

\"theme-settings-predictive-search\"

\n

Settings

\n

\"predictive

\n
    \n
  1. \n

    Enable – enables the predictive search feature;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Enable search by articles – enables searching by articles;

    \n
    4. \n
  4. \n

    Enable search by pages – enables searching by pages;

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Popular search

\n

\"predictive

\n
    \n
  1. \n

    Heading – adds a heading for the most searched terms;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Popular products

\n

\"predictive

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n","blockTitle":"Predictive search","fieldGroupName":"manual_category_blocks","hash":"general-predictive-search"},{"blockContent":"

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

\n

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

\n

\"theme-settings-social-media\"

\n

\n

Settings

\n

\"social

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Facebook – link to the store’s Facebook account;

    \n
    3. \n
  3. \n

    Pinterest -link to the store’s Pinterest account;

    \n
    4. \n
  4. \n

    Instagram – link to the store’s Instagram account;

    \n
    5. \n
  5. \n

    Tumblr – link to the store’s Tumblr account;

    \n
    6. \n
  6. \n

    YouTube – link to the store’s YouTube account;

    \n
    7. \n
  7. \n

    TikTok – link to the store’s TikTok account.

    \n
    8. \n
  8. \n

    Linkedin – link to the store’s LinkedIn account.

    \n
    9. \n
\n","blockTitle":"Social media","fieldGroupName":"manual_category_blocks","hash":"general-social-media"},{"blockContent":"

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

\n

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

\n

\"theme-settings-cart-reminder\"

\n

\n

Settings

\n

\"cart-reminder-setting\"

\n
    \n
  1. \n

    Enable – enables a cart reminder;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    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;

    \n
    4. \n
  4. \n

    Text – a heading of the cart reminder.

    \n
    5. \n
\n

 

\n

Colors

\n

\"cart-reminder-color\"

\n
    \n
  1. \n

    Text – Text color of the cart reminder popup;

    \n
    2. \n
  2. \n

    Background – Background color of the cart reminder popup;

    \n
    3. \n
  3. \n

    Icon – Cart reminder icon color;

    \n
    4. \n
  4. \n

    Button close – close pop-up button color.

    \n
    5. \n
\n","blockTitle":"Cart reminder","fieldGroupName":"manual_category_blocks","hash":"general-cart-reminder"},{"blockContent":"

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

\n

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

\n

\"theme-settings-breadcrumbs\"

\n

\n

Settings

\n

\"breadcrumbs-general\"

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"breadcrumbs\"

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"Breadcrumbs","fieldGroupName":"manual_category_blocks","hash":"general-breadcrumbs"},{"blockContent":"

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

\n

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

\n

\"theme-settings-seo\"

\n

\n

Settings

\n

\"seo-setting\"

\n
    \n
  1. \n

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

    \n
    2. \n
\n","blockTitle":"SEO","fieldGroupName":"manual_category_blocks","hash":"general-seo"},{"blockContent":"

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

\n

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

\n

\"theme-settings-custom-css\"

\n

 

\n

Settings

\n

\"custom-css-settings\"

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

 

\n

Additional information

\n

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.

\n","blockTitle":"Custom CSS","fieldGroupName":"manual_category_blocks","hash":"general-custom-css"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"Sections & Snippets","manualCategoryBlocks":[{"blockContent":"

\"product

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"product

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Detail

\n

\"product

\n
    \n
  1. \n

    Heading – the setting is responsible for heading;

    \n
    2. \n
  2. \n

    Icon – the setting is responsible for icon output;

    \n
    3. \n
  3. \n

    Text – the setting is responsible for text output.

    \n
    4. \n
\n","blockTitle":"Product details","fieldGroupName":"manual_category_blocks","hash":"section-product-details"},{"blockContent":"

\"Our

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"Our

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Team card

\n

\"Our

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Heading – the setting is responsible for heading;

    \n
    3. \n
  3. \n

    Text – the setting is responsible for text output.

    \n
    4. \n
\n","blockTitle":"Our team","fieldGroupName":"manual_category_blocks","hash":"section-our-team"},{"blockContent":"

\"contact\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"contact

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Form

\n

\"contact

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
  10. \n

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

    \n
    11. \n
  11. \n

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

    \n
    12. \n
  12. \n

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

    \n
    13. \n
\n

\"contact

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

User information

\n

Blocks limit: 1.

\n

\"contact

\n
    \n
  1. \n

    Image – the setting is responsible for image output;

    \n
    2. \n
  2. \n

    Name – the setting is responsible for name;

    \n
    3. \n
  3. \n

    Text – the setting is responsible for role.

    \n
    4. \n
\n

 

\n

Contact information

\n

\"contact

\n
    \n
  1. \n

    Heading – the setting is responsible for heading;

    \n
    2. \n
  2. \n

    Content – the setting is responsible for content;

    \n
    3. \n
  3. \n

    Icon – the setting is responsible for icon output.

    \n
    4. \n
\n","blockTitle":"Contact","fieldGroupName":"manual_category_blocks","hash":"section-contact"},{"blockContent":"

\"newsletter\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"newsletter

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Form

\n

\"newsletter

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Colors

\n

\"newsletter

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Newsletter","fieldGroupName":"manual_category_blocks","hash":"section-newsletter"},{"blockContent":"

\"image

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"image

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

\"image

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Image with test","fieldGroupName":"manual_category_blocks","hash":"section-image-with-text"},{"blockContent":"

\"small

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"small

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Collections – the setting allows set the section collections;

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Colors

\n

\"small

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Small collections","fieldGroupName":"manual_category_blocks","hash":"section-small-collections"},{"blockContent":"

\"store

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"store

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    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).

    \n
    4. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Contact information

\n

\"store

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n","blockTitle":"Store location","fieldGroupName":"manual_category_blocks","hash":"section-store-location"},{"blockContent":"

\"product

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"product

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Feature

\n

\"product

\n
    \n
  1. \n

    Heading – the setting is responsible for heading;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Text – the setting is responsible for text output.

    \n
    4. \n
\n","blockTitle":"Product info","fieldGroupName":"manual_category_blocks","hash":"section-product-info"},{"blockContent":"

\"title

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"title

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
\n

 

\n

Ticker

\n

\"title

\n
    \n
  1. \n

    Text – the setting allows you to set the text;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Allignments

\n

\"title

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n

 

\n

Colors

\n

\"title

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Title with image","fieldGroupName":"manual_category_blocks","hash":"section-title-with-image"},{"blockContent":"

\"trend

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"trend

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Product

\n

\"trend

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Custom image

\n

\"trend

\n
    \n
  1. \n

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

    \n
    2. \n
\n","blockTitle":"Trend products","fieldGroupName":"manual_category_blocks","hash":"section-trend-products"},{"blockContent":"

\"short

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"short

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Links – the setting allows you select a link list.

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Short links","fieldGroupName":"manual_category_blocks","hash":"section-short-links"},{"blockContent":"

\"blog

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"blog

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Heading – the setting allows you to set the heading;

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

    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;

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Blog posts","fieldGroupName":"manual_category_blocks","hash":"section-blog-posts"},{"blockContent":"

\"shop

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"shop

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Brand block

\n

\"shop

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n","blockTitle":"Shop by brand","fieldGroupName":"manual_category_blocks","hash":"section-shop-by-brand"},{"blockContent":"

\"specifications

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"specifications

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading.

    \n
    2. \n
\n

 

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Block Spec list

\n

\"specifications

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading.

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Block Spec range

\n

\"specifications

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading.

    \n
    2. \n
\n

 

\n

First option

\n

\"specifications

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Heading – the setting allows you to set the heading.

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Second/Third option

\n

\"specifications

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Heading – the setting allows you to set the heading.

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Colors

\n

\"specifications

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Block Spec points

\n

\"specifications

\n
    \n
  1. \n

    Heading – the setting is responsible for heading;

    \n
    2. \n
\n

 

\n

First (Second, Third, Fourth) option

\n

\"specifications

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Heading – the setting allows you to set the heading.

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Colors

\n

\"specifications

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n","blockTitle":"Specifications","fieldGroupName":"manual_category_blocks","hash":"section-specifications"},{"blockContent":"

\"benefits\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"benefits

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Colors

\n

\"benefits

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

\"benefits

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Link – the setting allows you select a link.

    \n
    4. \n
\n","blockTitle":"Benefits","fieldGroupName":"manual_category_blocks","hash":"section-benefits"},{"blockContent":"

\"gift

\n

 

\n

Adding a section

\n

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.

\n

 

\n

Section settings

\n

\"gift

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Gift card","fieldGroupName":"manual_category_blocks","hash":"section-gift-card"},{"blockContent":"

\"\" \"\" \"grid

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"grid

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Banner

\n

\"grid

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Heading – the setting allows you to set the section heading

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
\n","blockTitle":"Grid banner","fieldGroupName":"manual_category_blocks","hash":"section-grid-banner"},{"blockContent":"

\"footer\"

\n

 

\n

Adding a section

\n

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

\n

\n

Section settings

\n

Logo

\n

\"footer

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Logo type: text

\n

\"footer

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

General

\n

\"footer

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Country/Region selector

\n

\"footer

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Language selector

\n

\"footer

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Follow on Shop

\n

\"footer

\n
    \n
  1. \n

    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.

    \n
    2. \n
\n

 

\n

Blocks settings

\n

Block “Menu”

\n

Block limit – 3

\n

\"footer

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Block “Contact”

\n

Block limit – 1

\n

\"footer

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Footer","fieldGroupName":"manual_category_blocks","hash":"section-footer"},{"blockContent":"

\"404

\n

 

\n

Section settings

\n

General

\n

\"404

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

    Links – the setting allows you select a link list;

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Layout

\n

\"404

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"404 template","fieldGroupName":"manual_category_blocks","hash":"section-404-template"},{"blockContent":"

\"reviews\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"reviews

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Colors

\n

\"reviews

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Reviews","fieldGroupName":"manual_category_blocks","hash":"section-reviews"},{"blockContent":"

\"image

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"image

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Additional content

\n

\"image

\n
    \n
  1. \n

    Heading – the setting is responsible for heading.

    \n
    2. \n
  2. \n

    Text – the setting is responsible for text output.

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Image compare","fieldGroupName":"manual_category_blocks","hash":"section-image-compare"},{"blockContent":"

\"faq\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"faq

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Category

\n

\"faq

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

FAQ item

\n

\"faq

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"FAQ","fieldGroupName":"manual_category_blocks","hash":"section-faq"},{"blockContent":"

\"rich

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"rich

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

\"rich

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Rich text","fieldGroupName":"manual_category_blocks","hash":"section-rich-text"},{"blockContent":"

\"page

\n

 

\n

Section is used for the page template.

\n

\"navigate

\n

\"page

\n

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

\n

 

\n

Section settings

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Page default","fieldGroupName":"manual_category_blocks","hash":"section-page-default"},{"blockContent":"

\"collection

\n

 

\n

Adding a Section

\n

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

\n

\"add

\n

 

\n

Section settings

\n

General

\n

\"collection

\n
    \n
  1. \n

    Heandle – you can set a title for the section;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n","blockTitle":"Collection list","fieldGroupName":"manual_category_blocks","hash":"section-collection-list"},{"blockContent":"

\"ticker\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"ticker

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

    Direction– you can choose the direction of the ticker;

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Block Content

\n

\"ticker

\n
    \n
  1. \n

    Text – the setting is responsible for text output;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n","blockTitle":"Ticker","fieldGroupName":"manual_category_blocks","hash":"section-ticker"},{"blockContent":"

\"video\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"video

\n

\"video

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Video","fieldGroupName":"manual_category_blocks","hash":"section-video"},{"blockContent":"

\"age

\n

 

\n

Adding a section

\n

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

\n

\"add

\n

 

\n

Section settings

\n

General

\n

\"age

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n","blockTitle":"Age check popup","fieldGroupName":"manual_category_blocks","hash":"section-age-check-popup"},{"blockContent":"

\"ticker

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"ticker

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
  10. \n

    Direction– you can choose the direction of the ticker;

    \n
    11. \n
  11. \n

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

    \n
    12. \n
  12. \n

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

    \n
    13. \n
\n

 

\n

Colors

\n

\"ticker

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Ticker video","fieldGroupName":"manual_category_blocks","hash":"section-ticker-video"},{"blockContent":"

\"Recently

\n

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

\n

 

\n

Adding a section

\n

\"add

\n

 

\n

Section settings

\n

General

\n

\"Recently

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Recently Viewed","fieldGroupName":"manual_category_blocks","hash":"section-recently-viewed"},{"blockContent":"

\"Newsletter

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"Newsletter

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
\n","blockTitle":"Newsletter popup","fieldGroupName":"manual_category_blocks","hash":"section-newsletter-popup"},{"blockContent":"

\"Slideshow

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

Slideshow settings

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Colors

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"Slideshow

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
\n

 

\n

Block settings

\n

Block Image

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
\n

 

\n

Alignment

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Colors

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
\n

 

\n

HTML5 video Block

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
  10. \n

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

    \n
    11. \n
  11. \n

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

    \n
    12. \n
\n

 

\n

Video settings

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Alignment

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Colors

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
\n

 

\n

Vimeo/YouTube video Block

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
  10. \n

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

    \n
    11. \n
  11. \n

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

    \n
    12. \n
\n

 

\n

Video settings

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Alignment

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Colors

\n

\"Slideshow

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
\n","blockTitle":"Slideshow","fieldGroupName":"manual_category_blocks","hash":"section-slideshow"},{"blockContent":"

\"banner\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"banner

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

\"banner

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
\n

 

\n

Countdown timer

\n

\"banner

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
\n

 

\n

Alignments

\n

\"banner

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Colors

\n

\"banner

\n
    \n
  1. \n

    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)

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
  7. \n

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

    \n
    8. \n
  8. \n

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

    \n
    9. \n
  9. \n

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

    \n
    10. \n
  10. \n

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

    \n
    11. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Banner","fieldGroupName":"manual_category_blocks","hash":"section-banner"},{"blockContent":"

\"blog

\n

 

\n

Adding a section

\n

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

\n

 

\n

Section settings

\n

General

\n

\"blog

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n

 

\n

Colors

\n

\"blog

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Blog template","fieldGroupName":"manual_category_blocks","hash":"section-blog-template"},{"blockContent":"

\"List

\n

 

\n

This section is used for the Collections list page template.

\n

 

\n

Section settings

\n

General

\n

\"List

\n
    \n
  1. \n

    Custom collections – the setting allows set the section collections;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Heading– you can set a title for the section;

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Collection card

\n

\"List

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"List collections","fieldGroupName":"manual_category_blocks","hash":"sections-list-collections"},{"blockContent":"

\"login

\n

 

\n

Adding a Section

\n

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

\n

 

\n

Section settings

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block: Contact information

\n

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.

\n

\"login

\n

General

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n

User info

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"Login template ","fieldGroupName":"manual_category_blocks","hash":"section-login-template"},{"blockContent":"

\"Register

\n

 

\n

Adding a Section

\n

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

\n

 

\n

Section settings

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block: Contact information

\n

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.

\n

\"login

\n

General

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n

User info

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"Register template","fieldGroupName":"manual_category_blocks","hash":"section-register-template"},{"blockContent":"

\"reset

\n

 

\n

Adding a Section

\n

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

\n

Section settings

\n

Layout

\n

\"layout\"

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"Reset password","fieldGroupName":"manual_category_blocks","hash":"section-reset-password"},{"blockContent":"

\"Activate

\n

 

\n

Adding a Section

\n

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

\n

\n

Section settings

\n

Layout

\n

\"layout\"

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"Activate account","fieldGroupName":"manual_category_blocks","hash":"section-activate-account"},{"blockContent":"

\"Article

\n

 

\n

Adding a section

\n

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

\n

 

\n

Section settings

\n

General

\n

\"Article

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Show tags– settings allow you to show article tags;

    \n
    4. \n
  4. \n

    Show socials share– settings allow you to show links to social networks;

    \n
    5. \n
  5. \n

    Promo products heading– the setting allows you to add a heading for the promo products section;

    \n
    6. \n
  6. \n

    Promo products– the setting allows you to add products to the promo products section.

    \n
    7. \n
\n

 

\n

Sidebar

\n

\"Article

\n
    \n
  1. \n

    Enable related articles – this option allows you to enable the display of related articles on the screen;

    \n
    2. \n
  2. \n

    Related articles heading – the setting allows you to set a title for related articles;

    \n
    3. \n
  3. \n

    Enable banner – this option allows you to enable the banner display on the screen;

    \n
    4. \n
  4. \n

    Banner image – setting allows you to set an image for the banner;

    \n
    5. \n
  5. \n

    Banner label– the setting allows you to set a label for the banner;

    \n
    6. \n
  6. \n

    Banner heading– the setting allows you to set a heading for the banner;

    \n
    7. \n
  7. \n

    Banner button label– the setting allows you to set a label for the banner button;

    \n
    8. \n
  8. \n

    Banner button link– the setting allows you to insert link for the banner button;

    \n
    9. \n
  9. \n

    Banner text color– the settings allow you to set the color of the banner text;

    \n
    10. \n
  10. \n

    Banner overlay– settings allow you to set the overlay color for the banner image.

    \n
    11. \n
\n

 

\n

Colors

\n

\"Article

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
\n

 

\n

Layout

\n

\"layout\"

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"Article template","fieldGroupName":"manual_category_blocks","hash":"section-article-template"},{"blockContent":"

\"Collections

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"Collections

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n

 

\n

Colors

\n

\"Collections

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

    Button border (hover)– this setting allows you to set the border hover color of the button.

    \n
    7. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Collections carousel","fieldGroupName":"manual_category_blocks","hash":"section-collections-carousel"},{"blockContent":"

\"Story

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

General

\n

\"Story

\n
    \n
  1. \n

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

    \n
    2. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Slide Block

\n

\"Story

\n
    \n
  1. \n

    Image – the setting allows you to set slide image;

    \n
    2. \n
  2. \n

    Heading – the setting allows you to set slide heading;

    \n
    3. \n
  3. \n

    Text – the setting allows you to set slide text;

    \n
    4. \n
  4. \n

    Pagination label – the setting allows you to set slide pagination label.

    \n
    5. \n
\n","blockTitle":"Story telling","fieldGroupName":"manual_category_blocks","hash":"section-story-telling"},{"blockContent":"

\"Featured

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Featured

\n
    \n
  1. \n

    Heading – setting for adding a section heading;

    \n
    2. \n
  2. \n

    Collection – setting for adding a collection;

    \n
    3. \n
  3. \n

    Products – setting for adding specific products. Has priority over the collection.

    \n
    4. \n
\n

 

\n

Header: Banner

\n

\"Featured

\n
    \n
  1. \n

    Show banner – setting for enabling/disabling the section’s promotion banner;

    \n
    2. \n
  2. \n

    Label – setting for adding a label to promotion banner;

    \n
    3. \n
  3. \n

    Button label – promotion banner button text;

    \n
    4. \n
  4. \n

    Custom image – setting for adding a custom image. The collection image is used by default;

    \n
    5. \n
  5. \n

    Overlay color – setting for adding a colored overlay to the banner;

    \n
    6. \n
  6. \n

    Text – setting for text color on the banner;

    \n
    7. \n
  7. \n

    Button text – banner label text color;

    \n
    8. \n
  8. \n

    Button background – banner background color;

    \n
    9. \n
  9. \n

    Button color (hover) – banner label text color on hover;

    \n
    10. \n
  10. \n

    Button background (hover) – banner background color on hover;

    \n
    11. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Featured collection","fieldGroupName":"manual_category_blocks","hash":"section-featured-collection"},{"blockContent":"

\"Scroll

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Scroll

\n
    \n
  1. \n

    Label – setting for adding a section title;

    \n
    2. \n
  2. \n

    Show product count – setting for displaying the product’s count in collections.

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Collection block

\n

\"Scroll

\n
    \n
  1. \n

    Collection – setting for adding a collection;

    \n
    2. \n
  2. \n

    Custom image – setting for adding a custom image. The collection image is used by default;

    \n
    3. \n
  3. \n

    Additional heading – setting for adding a heading. Appears when the image is hovered.

    \n
    4. \n
  4. \n

    Additional text – setting for adding additional text. Appears when the image is hovered.

    \n
    5. \n
\n

 

\n

Colors

\n

\"Scroll

\n
    \n
  1. \n

    Additional content background – background color on image hover;

    \n
    2. \n
  2. \n

    Text – text color of the additional text.

    \n
    3. \n
\n","blockTitle":"Scroll collections","fieldGroupName":"manual_category_blocks","hash":"section-scroll-collections"},{"blockContent":"

\"Interactive

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Interactive

\n
    \n
  1. \n

    Middle main media behavior – setting is responsible for how the main image displays in the section;

    \n
    2. \n
  2. \n

    Enable pulse-animation for the middle main media – enables pulse-animation for the middle image.

    \n
    3. \n
\n

 

\n

Slideshow settings

\n
    \n
  1. Enable loop – enables loop for slides in the section.
    2. \n
\n

 

\n

Colors

\n

\"Interactive

\n
    \n
  1. \n

    UI interactive-slides background – slide controls button background color;

    \n
    2. \n
  2. \n

    UI interactive-slides color – slide controls button icon color.

    \n
    3. \n
\n

 

\n

Layout

\n

\"Interactive

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

    Adapt to first image – Makes all slides the same height based on the dimensions of 1 image. Overwrites section height settings;

    \n
    7. \n
  7. \n

    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;

    \n
    8. \n
  8. \n

    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;

    \n
    9. \n
  9. \n

    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.

    \n
    10. \n
\n

 

\n

Block settings

\n

Image block

\n

\"Interactive

\n
    \n
  1. \n

    Image (desktop) – setting for adding main image for desktop;

    \n
    2. \n
  2. \n

    Image (mobile) – setting for adding the main image for mobile;

    \n
    3. \n
  3. \n

    Background image (desktop) – setting for adding a background image on the desktop;

    \n
    4. \n
  4. \n

    Background image (mobile) – setting for adding a background image on mobile;

    \n
    5. \n
  5. \n

    Heading – setting for adding a slide’s heading.

    \n
    6. \n
\n

\"Interactive

\n
    \n
  1. \n

    Text – setting for adding a slide’s description;

    \n
    2. \n
  2. \n

    Button label – setting for adding button label;

    \n
    3. \n
  3. \n

    Button aria-label – setting for adding a button’s aria label. Required for accessibility;

    \n
    4. \n
  4. \n

    Button link – setting for adding a link to a button;

    \n
    5. \n
  5. \n

    Open link in a new tab – if it is enabled, clicking on the button opens a link in a new tab window.

    \n
    6. \n
\n

 

\n

Big heading

\n

\"Interactive

\n
    \n
  1. \n

    Type – selects a type of the big heading: regular text or ticker;

    \n
    2. \n
  2. \n

    Text – text field for adding a big text;

    \n
    3. \n
  3. \n

    Font size (desktop) – big text font size on desktop;

    \n
    4. \n
  4. \n

    Font size (mobile) – big text font size on mobile;

    \n
    5. \n
  5. \n

    Direction – big text ticker direction;

    \n
    6. \n
  6. \n

    Movement speed (desktop) – big text movement speed for desktop;

    \n
    7. \n
  7. \n

    Movement speed (mobile) – big text movement speed for mobile.

    \n
    8. \n
\n

 

\n

Colors

\n

\"Interactive

\n
    \n
  1. \n

    Enable background blur – enables background blur;

    \n
    2. \n
  2. \n

    Overlay – setting for specifying overlay color;

    \n
    3. \n
  3. \n

    Heading – setting for specifying heading text color;

    \n
    4. \n
  4. \n

    Big heading – setting for specifying big heading text color;

    \n
    5. \n
  5. \n

    Text – setting for specifying text color;

    \n
    6. \n
  6. \n

    Button background – setting for specifying CTA button background color;

    \n
    7. \n
\n

\"Interactive

\n
    \n
  1. \n

    Button color – setting for specifying CTA button text color;

    \n
    2. \n
  2. \n

    Button background (hover) – setting for specifying CTA button background color on hover;

    \n
    3. \n
  3. \n

    Button color (hover) – setting for specifying CTA button text color on hover;

    \n
    4. \n
  4. \n

    Full width overlay (desktop) – setting for specifying background overlay if the main image displays fullscreen on desktop;

    \n
    5. \n
  5. \n

    Full width overlay (mobile) – setting for specifying background overlay if the main image displays fullscreen on mobile;

    \n
    6. \n
\n

 

\n

HTML5 video block

\n

\"Interactive

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

    Background image (desktop) – the setting allows you to set a background image (desktop) for the slide;

    \n
    4. \n
  4. \n

    Background image (mobile) – the setting allows you to set a background image (mobile) for the slide;

    \n
    5. \n
  5. \n

    Heading – the setting allows you to set the slide’s heading;

    \n
    6. \n
\n

\"Interactive

\n
    \n
  1. \n

    Text – setting for adding a slide’s description;

    \n
    2. \n
  2. \n

    Button label – setting for adding button label;

    \n
    3. \n
  3. \n

    Button aria-label – setting for adding a button’s aria label. Required for accessibility;

    \n
    4. \n
  4. \n

    Button link – setting for adding a link to a button;

    \n
    5. \n
  5. \n

    Open link in a new tab – if it is enabled, clicking on the button opens a link in a new tab window.

    \n
    6. \n
\n

 

\n

Big heading

\n

\"Interactive

\n
    \n
  1. \n

    Type – selects a type of the big heading: regular text or ticker;

    \n
    2. \n
  2. \n

    Text – text field for adding a big text;

    \n
    3. \n
  3. \n

    Font size (desktop) – big text font size on desktop;

    \n
    4. \n
  4. \n

    Font size (mobile) – big text font size on mobile;

    \n
    5. \n
  5. \n

    Direction – big text ticker direction;

    \n
    6. \n
  6. \n

    Movement speed (desktop) – big text movement speed for desktop;

    \n
    7. \n
  7. \n

    Movement speed (mobile) – big text movement speed for mobile.

    \n
    8. \n
\n

 

\n

Colors

\n

\"Interactive

\n
    \n
  1. \n

    Enable background blur – enables background blur;

    \n
    2. \n
  2. \n

    Overlay – setting for specifying overlay color;

    \n
    3. \n
  3. \n

    Heading – setting for specifying heading text color;

    \n
    4. \n
  4. \n

    Big heading – setting for specifying big heading text color;

    \n
    5. \n
  5. \n

    Text – setting for specifying text color;

    \n
    6. \n
  6. \n

    Button background – setting for specifying CTA button background color;

    \n
    7. \n
\n

\"Interactive

\n
    \n
  1. \n

    Button color – setting for specifying CTA button text color;

    \n
    2. \n
  2. \n

    Button background (hover) – setting for specifying CTA button background color on hover;

    \n
    3. \n
  3. \n

    Button color (hover) – setting for specifying CTA button text color on hover;

    \n
    4. \n
  4. \n

    Full width overlay (desktop) – setting for specifying background overlay if the main image displays fullscreen on desktop;

    \n
    5. \n
  5. \n

    Full width overlay (mobile) – setting for specifying background overlay if the main image displays fullscreen on mobile;

    \n
    6. \n
\n

 

\n

Vimeo/YouTube video block

\n

\"Interactive

\n
    \n
  1. \n

    Video (desktop) – the setting allows adding a desktop video link;

    \n
    2. \n
  2. \n

    Video (mobile) – the setting allows adding a mobile video link;

    \n
    3. \n
  3. \n

    Background image (desktop) – the setting allows you to set a background image (desktop) for the slide;

    \n
    4. \n
  4. \n

    Background image (mobile) – the setting allows you to set a background image (mobile) for the slide;

    \n
    5. \n
  5. \n

    Heading – the setting allows you to set the slide’s heading;

    \n
    6. \n
\n

\"Interactive

\n
    \n
  1. \n

    Text – setting for adding a slide’s description;

    \n
    2. \n
  2. \n

    Button label – setting for adding button label;

    \n
    3. \n
  3. \n

    Button aria-label – setting for adding a button’s aria label. Required for accessibility;

    \n
    4. \n
  4. \n

    Button link – setting for adding a link to a button;

    \n
    5. \n
  5. \n

    Open link in a new tab – if it is enabled, clicking on the button opens a link in a new tab window.

    \n
    6. \n
\n

 

\n

Big heading

\n

\"Interactive

\n
    \n
  1. \n

    Type – selects a type of the big heading: regular text or ticker;

    \n
    2. \n
  2. \n

    Text – text field for adding a big text;

    \n
    3. \n
  3. \n

    Font size (desktop) – big text font size on desktop;

    \n
    4. \n
  4. \n

    Font size (mobile) – big text font size on mobile;

    \n
    5. \n
  5. \n

    Direction – big text ticker direction;

    \n
    6. \n
  6. \n

    Movement speed (desktop) – big text movement speed for desktop;

    \n
    7. \n
  7. \n

    Movement speed (mobile) – big text movement speed for mobile.

    \n
    8. \n
\n

 

\n

Colors

\n

\"Interactive

\n
    \n
  1. \n

    Enable background blur – enables background blur;

    \n
    2. \n
  2. \n

    Overlay – setting for specifying overlay color;

    \n
    3. \n
  3. \n

    Heading – setting for specifying heading text color;

    \n
    4. \n
  4. \n

    Big heading – setting for specifying big heading text color;

    \n
    5. \n
  5. \n

    Text – setting for specifying text color;

    \n
    6. \n
  6. \n

    Button background – setting for specifying CTA button background color;

    \n
    7. \n
\n

\"Interactive

\n
    \n
  1. \n

    Button color – setting for specifying CTA button text color;

    \n
    2. \n
  2. \n

    Button background (hover) – setting for specifying CTA button background color on hover;

    \n
    3. \n
  3. \n

    Button color (hover) – setting for specifying CTA button text color on hover;

    \n
    4. \n
  4. \n

    Full width overlay (desktop) – setting for specifying background overlay if the main image displays fullscreen on desktop;

    \n
    5. \n
  5. \n

    Full width overlay (mobile) – setting for specifying background overlay if the main image displays fullscreen on mobile;

    \n
    6. \n
\n","blockTitle":"Interactive slides","fieldGroupName":"manual_category_blocks","hash":"section-interactive-slides"},{"blockContent":"

\"map\"

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"map

\n
    \n
  1. \n

    Heading – setting for adding a section heading;

    \n
    2. \n
  2. \n

    Map tab button label – setting for adding a tab button label for a map;

    \n
    3. \n
  3. \n

    Gallery tab button label – setting for adding a tab button label for a gallery;

    \n
    4. \n
  4. \n

    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.

    \n
    5. \n
  5. \n

    Map image – setting for adding a map image. Used instead of the map embedded code;

    \n
    6. \n
  6. \n

    Map link – setting for adding a link to the map image.

    \n
    7. \n
\n

 

\n

Colors

\n

\"map

\n
    \n
  1. \n

    Map tab label – map tab button label color;

    \n
    2. \n
  2. \n

    Map tab background – map tab button outer container background color;

    \n
    3. \n
  3. \n

    Map tab inner background – map tab button inner container background color;

    \n
    4. \n
  4. \n

    Active pill – active tab button background color.

    \n
    5. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Gallery image block

\n

\"map

\n
    \n
  1. \n

    Image – setting is responsible for adding an image to the gallery.

    \n
    2. \n
\n","blockTitle":"Map","fieldGroupName":"manual_category_blocks","hash":"section-map"},{"blockContent":"

\"Product

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Product

\n
    \n
  1. \n

    Heading – an option for adding a section’s title.

    \n
    2. \n
  2. \n

    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;

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
  6. \n

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

    \n
    7. \n
\n

 

\n

Block settings

\n

Products block

\n

\"Product

\n
    \n
  1. \n

    Tab label – product tab button label;

    \n
    2. \n
  2. \n

    Products – option for adding a list of products.

    \n
    3. \n
\n","blockTitle":"Product tabs","fieldGroupName":"manual_category_blocks","hash":"section-product-tabs"},{"blockContent":"

\"Product

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Product

\n
    \n
  1. \n

    Heading – setting for adding a section heading;

    \n
    2. \n
  2. \n

    Additional heading – setting for adding a section’s additional heading;

    \n
    3. \n
  3. \n

    Text – setting for adding a section’s description;

    \n
    4. \n
  4. \n

    Button label – setting for adding a CTA button label;

    \n
    5. \n
  5. \n

    Popup heading – setting for adding a popup heading;

    \n
    6. \n
  6. \n

    Popup subheading – setting for adding a popup subheading;

    \n
    7. \n
  7. \n

    Background image desktop – setting for adding a section’s background image for the desktop. If not specified, a solid color will be displayed;

    \n
    8. \n
  8. \n

    Background image mobile – setting for adding a section’s background image for mobile. If not specified, a desktop image will be displayed;

    \n
    9. \n
  9. \n

    Enable image blur – enables background image blur.

    \n
    10. \n
\n

 

\n

Colors

\n

\"Product

\n
    \n
  1. \n

    Section background – setting for adding the section’s background color;

    \n
    2. \n
  2. \n

    Image overlay – setting for adding an image overlay color. Works if the background image is added;

    \n
    3. \n
  3. \n

    Text – setting for adding a section text color;

    \n
    4. \n
  4. \n

    Button text – CTA button label color;

    \n
    5. \n
  5. \n

    Button background – CTA button background color;

    \n
    6. \n
  6. \n

    Button text (hover) – CTA button label text color on hover;

    \n
    7. \n
  7. \n

    Button background (hover) – CTA button background color on hover;

    \n
    8. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Product block

\n

Limit – 6 blocks.

\n

\"Product

\n
    \n
  1. \n

    Product – setting for adding a product to the block;

    \n
    2. \n
  2. \n

    Preview image – setting for adding an image preview. Takes priority over the product image.

    \n
    3. \n
\n","blockTitle":"Product bundle","fieldGroupName":"manual_category_blocks","hash":"section-product-bundle"},{"blockContent":"

\"Promo

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Promo

\n
    \n
  1. \n

    Product – setting for adding a product;

    \n
    2. \n
  2. \n

    Big heading – adds a decorative background big heading;

    \n
    3. \n
  3. \n

    Additional description – adds additional description below product title;

    \n
    4. \n
  4. \n

    Variant picker – setting controls how product variants will appear: buttons or dropdowns;

    \n
    5. \n
  5. \n

    Object fit image – setting controls how the product image will appear:

    \n
      \n
    1. \n

      Cover – fills the entire container’s area;

      \n
      2. \n
    2. \n

      Contain – fits the entire product image within container.

      \n
      3. \n
    \n
    6. \n
  6. \n

    Add to cart label – add to cart button label;

    \n
    7. \n
  7. \n

    Show additional payment buttons – enables the display of the dynamic checkout buttons (Buy it now).

    \n
    8. \n
\n

 

\n

Colors

\n

\"Promo

\n
    \n
  1. \n

    Section background – section background color;

    \n
    2. \n
  2. \n

    Image back light – image back light color;

    \n
    3. \n
  3. \n

    Big heading – big heading text color;

    \n
    4. \n
  4. \n

    Text – text color setting;

    \n
    5. \n
  5. \n

    Main UI color – product form UI color;

    \n
    6. \n
  6. \n

    Swatch button active color – border color of the active color option (with swatches);

    \n
    7. \n
  7. \n

    Select dropdown color (hover) – background color of the active variant in dropdowns;

    \n
    8. \n
\n

\"Promo

\n
    \n
  1. \n

    Disabled radio button color – variant button label color for sold-out options;

    \n
    2. \n
  2. \n

    Disabled radio button background – variant button background color for sold-out options

    \n
    3. \n
  3. \n

    Buy it now button text – Buy it now button label color;

    \n
    4. \n
  4. \n

    Buy it now button background – Buy it now button background color;

    \n
    5. \n
  5. \n

    Buy it now button text (hover) – Buy it now button label color on hover;

    \n
    6. \n
  6. \n

    Buy it now button background (hover) – Buy it now button background color on hover.

    \n
    7. \n
\n

 

\n

Layout

\n

\"layout\"

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
\n","blockTitle":"Promo product","fieldGroupName":"manual_category_blocks","hash":"section-promo-product"},{"blockContent":"

\"Shop

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Shop

\n
    \n
  1. \n

    Heading – setting for adding a card’s title.

    \n
    2. \n
\n

Colors

\n
    \n
  1. \n

    Card overlay – card overlay color;

    \n
    2. \n
  2. \n

    Card text – card text color.

    \n
    3. \n
\n

Layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Look block

\n

Limit – 3.

\n

\"Shop

\n
    \n
  1. \n

    Heading – setting for adding a car’s title;

    \n
    2. \n
  2. \n

    Text – setting for adding a card’s subtitle;

    \n
    3. \n
  3. \n

    Image – setting for adding a card’s image;

    \n
    4. \n
  4. \n

    Shop the look label – setting for adding a button label;

    \n
    5. \n
  5. \n

    Products – setting for adding products. Limit – 6 products.

    \n
    6. \n
\n","blockTitle":"Shop the look","fieldGroupName":"manual_category_blocks","hash":"section-shop-the-look"},{"blockContent":"

\"Social

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Social

\n
    \n
  1. \n

    Heading – setting for adding a section’s title;

    \n
    2. \n
\n

Colors

\n
    \n
  1. \n

    Card overlay – card overlay color picker

    \n
    2. \n
  2. \n

    Card text – card text color picker;

    \n
    3. \n
  3. \n

    Card count text – product count text color;

    \n
    4. \n
  4. \n

    Heading icon ring – heading iton ring color picker;

    \n
    5. \n
\n

Layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Item block

\n

Limit – 4.

\n

\"Social

\n
    \n
  1. \n

    Card image – setting for adding card image;

    \n
    2. \n
  2. \n

    Heading – setting for adding card heading;

    \n
    3. \n
  3. \n

    Heading icon – setting for adding card heading icon;

    \n
    4. \n
  4. \n

    Short description – setting for adding card description;

    \n
    5. \n
  5. \n

    View product label – setting for adding a card button label.

    \n
    6. \n
\n

 

\n

Popup

\n

\"Social

\n
    \n
  1. \n

    Heading – setting for adding popup heading;

    \n
    2. \n
  2. \n

    Image – setting for adding popup image;

    \n
    3. \n
  3. \n

    Products – setting for adding products. Limit – 6 products;

    \n
    4. \n
  4. \n

    Button label – setting for adding a popup button label;

    \n
    5. \n
  5. \n

    Button link – setting for adding a popup button link.

    \n
    6. \n
\n","blockTitle":"Social feed","fieldGroupName":"manual_category_blocks","hash":"section-social-feed"},{"blockContent":"

\"Store

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Store

\n
    \n
  1. \n

    Heading – setting for adding a section title;

    \n
    2. \n
  2. \n

    Map tab button label – setting for adding a map tab button label;

    \n
    3. \n
  3. \n

    Gallery tab button label – setting for adding image gallery tab button label;

    \n
    4. \n
\n

\n

Colors

\n
    \n
  1. \n

    Map tab label – map tab button label text color;

    \n
    2. \n
  2. \n

    Map tab map background – map tab button container background color;

    \n
    3. \n
  3. \n

    Map tab inner background – map tab button inner container background color;

    \n
    4. \n
  4. \n

    Active pill – active tab background color;

    \n
    5. \n
  5. \n

    Store info text – store info text color;

    \n
    6. \n
  6. \n

    Store info background – store info background color.

    \n
    7. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Block Store

\n

\"Store

\n
    \n
  1. \n

    Store name – setting for adding a store name; also displays as tab button label;

    \n
    2. \n
  2. \n

    Location text – setting for adding a store location text;

    \n
    3. \n
  3. \n

    Phone text – setting for adding contact number;

    \n
    4. \n
  4. \n

    Schedule text – setting for adding a store’s working hours;

    \n
    5. \n
  5. \n

    Button label – setting for adding a contact button label;

    \n
    6. \n
  6. \n

    Button link – setting for adding a contact button link.

    \n
    7. \n
\n

 

\n

Map

\n

\"Store

\n
    \n
  1. \n

    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.

    \n
    2. \n
  2. \n

    Map image – setting for adding a map image. Used instead of the map embedded code;

    \n
    3. \n
  3. \n

    Map link – setting for adding a link to the map image.

    \n
    4. \n
\n

 

\n

Gallery images

\n

\"Store

\n
    \n
  1. \n

    Image 1-4 – setting for adding an image to the gallery tab.

    \n
    2. \n
\n","blockTitle":"Store locator","fieldGroupName":"manual_category_blocks","hash":"section-store-locator"},{"blockContent":"

\"collection

\n

 

\n

Adding a section

\n

The section is static on a collection page template; it is added initially and cannot be removed.

\n

\"add

\n

 

\n

Section settings

\n

\"collection

\n
    \n
  1. \n

    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.

    \n
    2. \n
  2. \n

    Show collection image – setting enables the collection image display.

    \n
    3. \n
  3. \n

    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).

    \n
    4. \n
  4. \n

    Heading and description position – setting is responsible for the collection title and description position: Inside the image or Under the image.
    \nIf the collection has no image or you hide the collection image, then the ‘Under the image’ option will be used.

    \n
    5. \n
  5. \n

    Show grid buttons – the setting is responsible for displaying grid buttons.

    \n
    6. \n
  6. \n

    Show color swatch in filters – the setting is responsible for whether the color swatches will be displayed in filters.

    \n
    7. \n
  7. \n

    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.

    \n
    8. \n
  8. \n

    Paginate by – the setting is responsible for how many products will appear per page.

    \n
    9. \n
  9. \n

    Pagination type – the setting is responsible for the pagination type: Pagination, Load more, Infinity scroll.

    \n
    10. \n
  10. \n

    Promo collections – the setting is responsible for adding a list of collections below the collection banner.

    \n
    11. \n
\n

 

\n

Colors

\n

\"collection

\n
    \n
  1. \n

    Banner overlay – colored gradient for the collection banner image.

    \n
    2. \n
  2. \n

    Banner text – collection banner text color.

    \n
    3. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Collection template","fieldGroupName":"manual_category_blocks","hash":"section-collection-template"},{"blockContent":"

\"product

\n

 

\n

Adding a section

\n

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

\n

\"add

\n

\n

Section settings

\n

Media

\n

\"product

\n
    \n
  1. \n

    Enable zoom – enables product image zoom.

    \n
    2. \n
  2. \n

    Media layout – the setting is responsible for the product images’ layout.

    \n
    3. \n
  3. \n

    Product media column position – the setting is responsible for swapping the product template position.

    \n
    4. \n
  4. \n

    Media height – the setting allows you to select the height of the image.

    \n
    5. \n
  5. \n

    Image object fit – the setting allows you to select object fit variation for main media slider;

    \n
    6. \n
  6. \n

    Enable media scroll for stacked layout – the setting allows you to enable scroll to variant image when changing product options for the stacked layout.

    \n
    7. \n
\n

 

\n

General

\n

\"product

\n
    \n
  1. \n

    Show message of taxes included – enables the display of the taxes message.

    \n
    2. \n
  2. \n

    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;

    \n
    3. \n
  3. \n

    Show product tags – enables the display of the product labels.

    \n
    4. \n
  4. \n

    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.

    \n
    5. \n
\n

 

\n

Notify me

\n

\"product

\n
    \n
  1. \n

    Show notify me button – enables the display of the “notify me” button when the product or its variant is sold out.

    \n
    2. \n
  2. \n

    Button label – setting controls the “notify me” button label.

    \n
    3. \n
  3. \n

    Popup heading – setting controls the “notify me” pop-up heading.

    \n
    4. \n
  4. \n

    Email label – setting controls email input label.

    \n
    5. \n
  5. \n

    Email placeholder – setting controls email input placeholder.

    \n
    6. \n
  6. \n

    Form button label – setting controls submit form button label.

    \n
    7. \n
  7. \n

    Success message – setting controls the success message afrer form is submitted.

    \n
    8. \n
\n

 

\n

Size guide

\n

\"product

\n
    \n
  1. \n

    Show size guide – enables the size guide feature.

    \n
    2. \n
  2. \n

    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.

    \n
    3. \n
  3. \n

    Button label – setting controls the ‘size guide’ button label.

    \n
    4. \n
  4. \n

    Drawer heading – setting controls the size guide popup heading.

    \n
    5. \n
  5. \n

    General tab label – setting controls the general tab with the size chart.

    \n
    6. \n
  6. \n

    Model tab label – setting controls the model image and description tab label.

    \n
    7. \n
\n

 

\n

Colors

\n

\"product

\n
    \n
  1. \n

    UI button color – user interface button color. Used for icon color

    \n
    2. \n
  2. \n

    UI button background – user interface button background color.

    \n
    3. \n
  3. \n

    UI button border color – user interface button border color.

    \n
    4. \n
\n

Sticky add to cart

\n
    \n
  1. \n

    Background style – setting controls the appearance of the sticky add to cart bar: dark or light.

    \n
    2. \n
  2. \n

    Text color – setting controls the sticky add to cart text color.

    \n
    3. \n
  3. \n

    Button background color – setting controls buttons background color.

    \n
    4. \n
  4. \n

    Button border color – setting controls button border color.

    \n
    5. \n
  5. \n

    Scroll button color – setting controls scroll to top button color (only for mobile).

    \n
    6. \n
  6. \n

    Scroll button background color – setting controls scroll to top button background color (only for mobile).

    \n
    7. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Blocks settings

\n

Main information block

\n

Vendor

\n

\"product

\n
    \n
  1. \n

    Show vendor – enables display of the product vendor.

    \n
    2. \n
  2. \n

    Make vendor link to collection – makes the vendor clickable. It leads to the vendor’s autogenerated collection.

    \n
    3. \n
\n

 

\n

SKU

\n

\"product

\n
    \n
  1. \n

    Show SKU – enables the Stock Keeping Unit display.

    \n
    2. \n
  2. \n

    SKU text – adds a text before the SKU number.

    \n
    3. \n
\n

 

\n

Description

\n

\"product

\n
    \n
  1. \n

    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.

    \n
    2. \n
  2. \n

    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.

    \n
    3. \n
\n

 

\n

Options block

\n

\"product

\n
    \n
  1. \n

    Variant picker – setting controls how the variant picker will display on the page.

    \n
    2. \n
\n

 

\n

Add to cart block

\n

\"product

\n
    \n
  1. \n

    Show additional payment buttons – enables the display of the dynamic checkout buttons. Learn more about checkout buttons on the Shopify portal: Accelerated checkout buttons

    \n
    2. \n
  2. \n

    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

    \n
    3. \n
\n

 

\n

Inventory status

\n

\"product

\n
    \n
  1. \n

    Enable inventory status – enables the display of the inventory status block.

    \n
    2. \n
  2. \n

    Low stock text – adds a low stock message.

    \n
    3. \n
  3. \n

    Low stock icon – adds a low stock message icon.

    \n
    4. \n
  4. \n

    High stock text – adds a high stock message.

    \n
    5. \n
  5. \n

    High stock icon – adds a high stock message icon.

    \n
    6. \n
  6. \n

    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.

    \n
    7. \n
  7. \n

    Progress bar background – inventory status progress bar background color.

    \n
    8. \n
  8. \n

    Progress bar background fill – inventory status progress bar fill color.

    \n
    9. \n
\n

 

\n

Gift wrap product

\n

\"product

\n
    \n
  1. \n

    Enable – enables the gift wrapping feature.

    \n
    2. \n
  2. \n

    Product – adds a gift wrapping product.

    \n
    3. \n
  3. \n

    Checkbox label – adds a label for the gift wrapping option.

    \n
    4. \n
  4. \n

    Popup heading – adds a popup heading.

    \n
    5. \n
  5. \n

    Popup sub heading – adds a popup subheading.

    \n
    6. \n
  6. \n

    Popup sub text – adds additional information for the gift popup.

    \n
    7. \n
\n

\"product

\n
    \n
  1. \n

    First input label – adds a custom input field. (Sender name, for example). Leave empty to hide field.

    \n
    2. \n
  2. \n

    First input placeholder – adds an input placeholder.

    \n
    3. \n
  3. \n

    Second input label – adds a custom input field. (Recipient name, for example). Leave empty to hide field.

    \n
    4. \n
  4. \n

    Second input placeholder – adds an input placeholder.

    \n
    5. \n
  5. \n

    Message input label – adds a field for the custom message. Leave empty to hide field.

    \n
    6. \n
\n

\"product

\n
    \n
  1. \n

    Message placeholder – adds a message input placeholder.

    \n
    2. \n
  2. \n

    Cancel button label – setting for adding a cancel button label.

    \n
    3. \n
  3. \n

    Add to cart button label – setting for adding an add to cart button label.

    \n
    4. \n
\n

 

\n

Countdown timer block

\n

\"product

\n
    \n
  1. \n

    Text – setting for adding a block’s title.

    \n
    2. \n
\n

 

\n

Colors

\n
    \n
  1. \n

    Text – block’s title text color picker.

    \n
    2. \n
  2. \n

    Timer text – timer text color picker.

    \n
    3. \n
  3. \n

    Timer label – timer label text color picker (Day, month, hours, minutes, seconds).

    \n
    4. \n
  4. \n

    Text background – block’s title background color picker.

    \n
    5. \n
  5. \n

    Timer background – block’s background color picker.

    \n
    6. \n
  6. \n

    Border – block’s bordrer color picker.

    \n
    7. \n
\n

 

\n

Text with icon block

\n

Text 1-4

\n

\"product

\n
    \n
  1. \n

    Text – input field to add text.

    \n
    2. \n
  2. \n

    Icon – an option to upload an icon to the text.

    \n
    3. \n
\n

 

\n

Drawers block

\n

Product description

\n

\"product

\n
    \n
  1. \n

    Show description – an option enables product description display in the drawer.

    \n
    2. \n
  2. \n

    Button label – drawer button label.

    \n
    3. \n
  3. \n

    Drawer heading – drawer popup heading.

    \n
    4. \n
\n

 

\n

Custom drawer 1-4

\n

\"product

\n
    \n
  1. \n

    Content type – an option determines the way the content will be added to the drawer: a Page or regular Rich text.

    \n
    2. \n
  2. \n

    Text – an input field to add text content for the drawer. Will be displayed if the “Rich text editor” content type is selected.

    \n
    3. \n
  3. \n

    Page – a page selector to add page content to the drawer. Will be displayed if the “Page” content type is selected.

    \n
    4. \n
  4. \n

    Image – an option to add an image to the drawer.

    \n
    5. \n
  5. \n

    Button label – an input field to add a drawer button label.

    \n
    6. \n
  6. \n

    Drawer heading – an input field to add a drawer heading.

    \n
    7. \n
\n

 

\n

Specifications drawer

\n

\"product

\n
    \n
  1. \n

    Button label – an input field to add a drawer button label.

    \n
    2. \n
  2. \n

    Drawer heading – an input field to add a drawer heading.

    \n
    3. \n
\n

 

\n

Collapsed content 1-6

\n

\"product

\n
    \n
  1. \n

    Heading – an option to add a collapsible row button label

    \n
    2. \n
  2. \n

    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.

    \n
    3. \n
\n

\"product

\n

 

\n

Pickup availability block

\n

\"product

\n
    \n
  1. \n

    Icon color – an icon color picker option. The icon is added to the block by design.

    \n
    2. \n
\n

 

\n

Complementary products block

\n

To select complementary products, add the Search & Discovery app. Learn more on Shopify portal: Customize product recommendations with Shopify Search & Discovery

\n

\"product

\n
    \n
  1. \n

    Heading – an option to add a block’s title.

    \n
    2. \n
\n

 

\n

Socials block

\n

\"product

\n
    \n
  1. \n

    Show Facebook – enables the display of the Facebook share option.

    \n
    2. \n
  2. \n

    Show X (Twitter) – enables the display of the X (Twitter) share option.

    \n
    3. \n
  3. \n

    Show Pinterest – enables the display of the Pinterest share option.

    \n
    4. \n
\n

 

\n

Custom field block

\n

\"product

\n
    \n
  1. \n

    Field label – an option to add a label to the custom input field.

    \n
    2. \n
  2. \n

    Required text – an option to add a label to the checkbox.

    \n
    3. \n
\n

 

\n

Custom liquid block

\n

\"product

\n
    \n
  1. \n

    Custom liquid – the setting allows you to add your liquid code.

    \n
    2. \n
\n

You can learn more about liquid here – Liquid reference .

\n","blockTitle":"Product template","fieldGroupName":"manual_category_blocks","hash":"section-product-template"},{"blockContent":"

\"featured

\n

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"featured

\n

 

\n

Media

\n

\"Featured

\n
    \n
  1. \n

    Media layout – the setting is responsible for the product images’ layout.

    \n
    2. \n
  2. \n

    Product media column position – the setting is responsible for swapping the product template position.

    \n
    3. \n
  3. \n

    Media height – the setting allows you to select the height of the image.

    \n
    4. \n
  4. \n

    Image object fit – the setting allows you to select object fit variation for main media slider;

    \n
    5. \n
  5. \n

    Enable media scroll for stacked layout – the setting allows you to enable scroll to variant image when changing product options for the stacked layout.

    \n
    6. \n
\n

 

\n

General

\n

\"Featured

\n
    \n
  1. \n

    Show message of taxes included – enables the display of the taxes message.

    \n
    2. \n
  2. \n

    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;

    \n
    3. \n
  3. \n

    Show product tags – enables the display of the product labels.

    \n
    4. \n
\n

 

\n

Notify me

\n

\"product

\n
    \n
  1. \n

    Show notify me button – enables the display of the “notify me” button when the product or its variant is sold out.

    \n
    2. \n
  2. \n

    Button label – setting controls the “notify me” button label.

    \n
    3. \n
  3. \n

    Popup heading – setting controls the “notify me” pop-up heading.

    \n
    4. \n
  4. \n

    Email label – setting controls email input label.

    \n
    5. \n
  5. \n

    Email placeholder – setting controls email input placeholder.

    \n
    6. \n
  6. \n

    Form button label – setting controls submit form button label.

    \n
    7. \n
  7. \n

    Success message – setting controls the success message afrer form is submitted.

    \n
    8. \n
\n

 

\n

Size guide

\n

\"product

\n
    \n
  1. \n

    Show size guide – enables the size guide feature.

    \n
    2. \n
  2. \n

    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.

    \n
    3. \n
  3. \n

    Button label – setting controls the ‘size guide’ button label.

    \n
    4. \n
  4. \n

    Drawer heading – setting controls the size guide popup heading.

    \n
    5. \n
  5. \n

    General tab label – setting controls the general tab with the size chart.

    \n
    6. \n
  6. \n

    Model tab label – setting controls the model image and description tab label.

    \n
    7. \n
\n

 

\n

Colors

\n

\"featured

\n
    \n
  1. \n

    UI button color – user interface button color. Used for icon color

    \n
    2. \n
  2. \n

    UI button background – user interface button background color.

    \n
    3. \n
  3. \n

    UI button border color – user interface button border color.

    \n
    4. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Blocks settings

\n

Main information block

\n

Vendor

\n

\"product

\n
    \n
  1. \n

    Show vendor – enables display of the product vendor.

    \n
    2. \n
  2. \n

    Make vendor link to collection – makes the vendor clickable. It leads to the vendor’s autogenerated collection.

    \n
    3. \n
\n

 

\n

SKU

\n

\"product

\n
    \n
  1. \n

    Show SKU – enables the Stock Keeping Unit display.

    \n
    2. \n
  2. \n

    SKU text – adds a text before the SKU number.

    \n
    3. \n
\n

 

\n

Description

\n

\"product

\n
    \n
  1. \n

    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.

    \n
    2. \n
  2. \n

    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.

    \n
    3. \n
\n

 

\n

Options block

\n

\"product

\n
    \n
  1. \n

    Variant picker – setting controls how the variant picker will display on the page.

    \n
    2. \n
\n

 

\n

Add to cart block

\n

\"product

\n
    \n
  1. \n

    Show additional payment buttons – enables the display of the dynamic checkout buttons. Learn more about checkout buttons on the Shopify portal: Accelerated checkout buttons

    \n
    2. \n
  2. \n

    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

    \n
    3. \n
\n

 

\n

Inventory status

\n

\"product

\n
    \n
  1. \n

    Enable inventory status – enables the display of the inventory status block.

    \n
    2. \n
  2. \n

    Low stock text – adds a low stock message.

    \n
    3. \n
  3. \n

    Low stock icon – adds a low stock message icon.

    \n
    4. \n
  4. \n

    High stock text – adds a high stock message.

    \n
    5. \n
  5. \n

    High stock icon – adds a high stock message icon.

    \n
    6. \n
  6. \n

    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.

    \n
    7. \n
  7. \n

    Progress bar background – inventory status progress bar background color.

    \n
    8. \n
  8. \n

    Progress bar background fill – inventory status progress bar fill color.

    \n
    9. \n
\n

 

\n

Gift wrap product

\n

\"product

\n
    \n
  1. \n

    Enable – enables the gift wrapping feature.

    \n
    2. \n
  2. \n

    Product – adds a gift wrapping product.

    \n
    3. \n
  3. \n

    Checkbox label – adds a label for the gift wrapping option.

    \n
    4. \n
  4. \n

    Popup heading – adds a popup heading.

    \n
    5. \n
  5. \n

    Popup sub heading – adds a popup subheading.

    \n
    6. \n
  6. \n

    Popup sub text – adds additional information for the gift popup.

    \n
    7. \n
\n

\"product

\n
    \n
  1. \n

    First input label – adds a custom input field. (Sender name, for example). Leave empty to hide field.

    \n
    2. \n
  2. \n

    First input placeholder – adds an input placeholder.

    \n
    3. \n
  3. \n

    Second input label – adds a custom input field. (Recipient name, for example). Leave empty to hide field.

    \n
    4. \n
  4. \n

    Second input placeholder – adds an input placeholder.

    \n
    5. \n
  5. \n

    Message input label – adds a field for the custom message. Leave empty to hide field.

    \n
    6. \n
\n

\"product

\n
    \n
  1. \n

    Message placeholder – adds a message input placeholder.

    \n
    2. \n
  2. \n

    Cancel button label – setting for adding a cancel button label.

    \n
    3. \n
  3. \n

    Add to cart button label – setting for adding an add to cart button label.

    \n
    4. \n
\n

 

\n

Countdown timer block

\n

\"product

\n
    \n
  1. \n

    Text – setting for adding a block’s title.

    \n
    2. \n
\n

 

\n

Colors

\n
    \n
  1. \n

    Text – block’s title text color picker.

    \n
    2. \n
  2. \n

    Timer text – timer text color picker.

    \n
    3. \n
  3. \n

    Timer label – timer label text color picker (Day, month, hours, minutes, seconds).

    \n
    4. \n
  4. \n

    Text background – block’s title background color picker.

    \n
    5. \n
  5. \n

    Timer background – block’s background color picker.

    \n
    6. \n
  6. \n

    Border – block’s bordrer color picker.

    \n
    7. \n
\n

 

\n

Text with icon block

\n

Text 1-4

\n

\"product

\n
    \n
  1. \n

    Text – input field to add text.

    \n
    2. \n
  2. \n

    Icon – an option to upload an icon to the text.

    \n
    3. \n
\n

 

\n

Drawers block

\n

Product description

\n

\"product

\n
    \n
  1. \n

    Show description – an option enables product description display in the drawer.

    \n
    2. \n
  2. \n

    Button label – drawer button label.

    \n
    3. \n
  3. \n

    Drawer heading – drawer popup heading.

    \n
    4. \n
\n

 

\n

Custom drawer 1-4

\n

\"product

\n
    \n
  1. \n

    Content type – an option determines the way the content will be added to the drawer: a Page or regular Rich text.

    \n
    2. \n
  2. \n

    Text – an input field to add text content for the drawer. Will be displayed if the “Rich text editor” content type is selected.

    \n
    3. \n
  3. \n

    Page – a page selector to add page content to the drawer. Will be displayed if the “Page” content type is selected.

    \n
    4. \n
  4. \n

    Image – an option to add an image to the drawer.

    \n
    5. \n
  5. \n

    Button label – an input field to add a drawer button label.

    \n
    6. \n
  6. \n

    Drawer heading – an input field to add a drawer heading.

    \n
    7. \n
\n

 

\n

Specifications drawer

\n

\"product

\n
    \n
  1. \n

    Button label – an input field to add a drawer button label.

    \n
    2. \n
  2. \n

    Drawer heading – an input field to add a drawer heading.

    \n
    3. \n
\n

 

\n

Collapsed content 1-6

\n

\"product

\n
    \n
  1. \n

    Heading – an option to add a collapsible row button label

    \n
    2. \n
  2. \n

    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.

    \n
    3. \n
\n

\"product

\n

 

\n

Pickup availability block

\n

\"product

\n
    \n
  1. \n

    Icon color – an icon color picker option. The icon is added to the block by design.

    \n
    2. \n
\n

 

\n

Complementary products block

\n

To select complementary products, add the Search & Discovery app. Learn more on Shopify portal: Customize product recommendations with Shopify Search & Discovery

\n

\"product

\n
    \n
  1. \n

    Heading – an option to add a block’s title.

    \n
    2. \n
\n

 

\n

Socials block

\n

\"product

\n
    \n
  1. \n

    Show Facebook – enables the display of the Facebook share option.

    \n
    2. \n
  2. \n

    Show X (Twitter) – enables the display of the X (Twitter) share option.

    \n
    3. \n
  3. \n

    Show Pinterest – enables the display of the Pinterest share option.

    \n
    4. \n
\n

 

\n

Custom field block

\n

\"product

\n
    \n
  1. \n

    Field label – an option to add a label to the custom input field.

    \n
    2. \n
  2. \n

    Required text – an option to add a label to the checkbox.

    \n
    3. \n
\n

 

\n

Custom liquid block

\n

\"product

\n
    \n
  1. \n

    Custom liquid – the setting allows you to add your liquid code.

    \n
    2. \n
\n

You can learn more about liquid here – Liquid reference .

\n","blockTitle":"Featured product","fieldGroupName":"manual_category_blocks","hash":"section-featured-product"},{"blockContent":"

Adding a section

\n

\"custom-liquid-add\"

\n

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

\n

 

\n

Section settings

\n

\"custom-liquid-setting\"

\n
    \n
  1. \n

    Custom liquid – the setting allows you to add your liquid code.

    \n
    2. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Custom iquid","fieldGroupName":"manual_category_blocks","hash":"section-custom-liquid"},{"blockContent":"

\"Product

\n

 

\n

Adding a section

\n

\"add

\n

In order to add a section, you need to go to the Customizer -> Add section under a popups group -> Product promo.

\n

 

\n

Section settings

\n

\"Product

\n
    \n
  1. \n

    Cookie time – the setting is responsible for the time until the popup is re-displayed when the user closes it;

    \n
    2. \n
  2. \n

    Product – setting allows you to set the promotion product to open.

    \n
    3. \n
\n

 

\n","blockTitle":"Product promo popup","fieldGroupName":"manual_category_blocks","hash":"section-product-promo-popup"},{"blockContent":"

\"Search

\n

 

\n

Section settings

\n

\"Search

\n
    \n
  1. \n

    Heading – the setting allows you to set heading;

    \n
    2. \n
  2. \n

    Show grid button – the setting allows you to show the user grid selection buttons;

    \n
    3. \n
  3. \n

    Paginate by – setting allows specifying the number of results in the search sidebar;

    \n
    4. \n
  4. \n

    Pagination type – setting allows the selection of the type of pagination. Has several values:

    \n\n
    5. \n
  5. \n

    Filter color swatch type – the setting allows the selection of the display of the color swatches in product filters.

    \n\n
    6. \n
  6. \n

    Show scroll to top button – the setting enables the display on the scroll to top button.

    \n
    7. \n
\n

 

\n

Layout

\n

\"layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Search template","fieldGroupName":"manual_category_blocks","hash":"section-search-template"},{"blockContent":"

\"Cart

\n

 

\n

Adding a section

\n

\"add

\n

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

\n

 

\n

Section settings

\n

\"Cart

\n
    \n
  1. \n

    Heading – the setting allows you to set a page’s heading.

    \n
    2. \n
\n

 

\n

Layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n

 

\n

Block settings

\n

Shipping bar block

\n

\"shipping

\n
    \n
  1. \n

    Free shipping amount – the setting allows you to set the desired goal to be achieved by the customer;

    \n
    2. \n
  2. \n

    Shipping message – the setting allows you to set a message displayed near the progress bar. The {amount} part will be replaced with the missing amount;

    \n
    3. \n
  3. \n

    Shipping congratulatory message – the setting allows you to set a message to be displayed instead of the progress bar.

    \n
    4. \n
  4. \n

    Shipping icon – the setting allows you to add an icon to the shipping bar.

    \n
    5. \n
\n

\n

Colors

\n
    \n
  1. \n

    Progress bar background – the setting allows you to specify the progress bar background color.

    \n
    2. \n
  2. \n

    Progress bar background fill color – the setting allows you to specify the progress bar fill color.

    \n
    3. \n
\n","blockTitle":"Cart template","fieldGroupName":"manual_category_blocks","hash":"section-cart-template"},{"blockContent":"

\"Cart

\n

 

\n

Adding a section

\n

\"add

\n

The section is static, it is added initially and cannot be deleted. The section will be added if the Drawer type of the shopping cart is selected in the Theme settings → Cart.

\n

 

\n

Section settings

\n

\"Cart

\n
    \n
  1. \n

    Heading – the setting allows specifying a cart drawer heading.

    \n
    2. \n
  2. \n

    Show items count in the cart – enables the items count in the cart drawer.

    \n
    3. \n
  3. \n

    View button label – setting allows specifying a ‘view cart’ button label. Empty the field to remove the button.

    \n
    4. \n
\n

\n

Upsell settings

\n
    \n
  1. \n

    Upsell heading – the setting allows specifying an upsell products block heading.

    \n
    2. \n
\n

 

\n

Blocks settings

\n

Shipping bar block

\n

\"shipping

\n
    \n
  1. \n

    Free shipping amount – the setting allows you to set the desired goal to be achieved by the customer;

    \n
    2. \n
  2. \n

    Shipping message – the setting allows you to set a message displayed near the progress bar. The {amount} part will be replaced with the missing amount;

    \n
    3. \n
  3. \n

    Shipping congratulatory message – the setting allows you to set a message to be displayed instead of the progress bar.

    \n
    4. \n
  4. \n

    Shipping icon – the setting allows you to add an icon to the shipping bar.

    \n
    5. \n
\n

\n

Colors

\n
    \n
  1. \n

    Progress bar background – the setting allows you to specify the progress bar background color.

    \n
    2. \n
  2. \n

    Progress bar background fill color – the setting allows you to specify the progress bar fill color.

    \n
    3. \n
\n

 

\n

Items block

\n

The block does not have settings. It is responsible for displaying products in the cart drawer.

\n

\n

Upsell products block

\n

\"Cart

\n
    \n
  1. \n

    Heading – the setting allows specifying an upsell products block heading.

    \n
    2. \n
  2. \n

    Products – the setting allows adding products to the block.

    \n
    3. \n
  3. \n

    Open on load – the setting allows automatically opening an upsell block when the cart drawer opens.

    \n
    4. \n
\n

 

\n

Upsell products group block

\n

The block allows adding a group of upsell products.

\n

\"Cart

\n
    \n
  1. \n

    Heading – the setting allows specifying blocks heading.

    \n
    2. \n
  2. \n

    Open on load – the setting allows automatically opening an upsell block when the cart drawer opens.

    \n
    3. \n
  3. \n

    Group product 1-4 – the setting allows specifying a group of products. Limit – 5 products.

    \n
    4. \n
\n","blockTitle":"Cart drawer","fieldGroupName":"manual_category_blocks","hash":"section-cart-drawer"},{"blockContent":"

\"Announcement

\n

 

\n

Adding a section

\n

The section is static; it is added initially to the theme and cannot be removed, only hidden.

\n

\n

Section settings

\n

General

\n

If you want to show the slides in the announcement bar – add blocks to the section.

\n

\"Announcement

\n
    \n
  1. \n

    Layout – the setting allows you to select the layout of the announcement bar: Simple text or Ticker.

    \n
    2. \n
  2. \n

    Additional menu – the setting allows you to connect a menu. Onli first three links will be displayed. Works only with the Simple text layout.

    \n
    3. \n
  3. \n

    Show language selector – the setting allows you to display a language selector. Works only on the desktop.

    \n
    4. \n
  4. \n

    Show country/region selector – the setting allows you to display the currency selector. Works only on the desktop.

    \n
    5. \n
\n

 

\n

Simple text

\n

Block settings for the “Simple text” announcement bar layout.

\n

\"Announcement

\n

\"Announcement

\n
    \n
  1. \n

    Text – the setting for adding a text to the announcement bar.

    \n
    2. \n
  2. \n

    Additional link label – the setting for adding button label text.

    \n
    3. \n
  3. \n

    Additional link url – the setting for adding button link.

    \n
    4. \n
  4. \n

    Discount code – the setting for adding a discount code. It adds a block with the “copy code” button.

    \n
    5. \n
\n

 

\n

Ticker

\n

Block setting for the “Ticker” announcement bar layout.

\n

\"Announcement

\n

\"Announcement

\n
    \n
  1. \n

    Text – setting for adding the text to the ticker.

    \n
    2. \n
  2. \n

    Movement speed (desktop) – the setting is responsible for setting a ticker movement speed for desktop. (the bigger value, the slower speed)

    \n
    3. \n
  3. \n

    Movement speed (mobile) – the setting is responsible for setting a movement speed for mobile. (the bigger value, the slower speed)

    \n
    4. \n
\n

 

\n

Colors

\n

\"Announcement

\n
    \n
  1. \n

    Background – the setting is for specifying an announcement bar background color.

    \n
    2. \n
  2. \n

    Text – the setting is for specifying an announcement text color.

    \n
    3. \n
  3. \n

    Link – the setting is for specifying a link label text color.

    \n
    4. \n
  4. \n

    Discount block background – the setting is for specifying a discount block background color.

    \n
    5. \n
  5. \n

    Discount block input – the setting is for specifying a discount code display background color.

    \n
    6. \n
  6. \n

    Discount block text – the setting is for specifying a discount text color.

    \n
    7. \n
  7. \n

    Discount button border – the setting is for specifying a ‘copy code’ button border.

    \n
    8. \n
\n

 

\n

Block settings

\n

Slide block

\n

If the block is added, it replaces the ‘Simple text’ and ‘Ticker’ announcement bar layout.

\n

\"Announcement

\n

\"Announcement

\n
    \n
  1. \n

    Text – the setting is for specifying a slide text.

    \n
    2. \n
\n","blockTitle":"Announcement bar","fieldGroupName":"manual_category_blocks","hash":"section-announcement-bar"},{"blockContent":"

\"Product

\n

 

\n

Adding a section

\n

This section is initially added to the product page template. It cannot be added elsewhere in the store.

\n

\n

Section settings

\n

\"Product

\n
    \n
  1. \n

    Heading – the setting is responsible for adding a section’s title.

    \n
    2. \n
  2. \n

    Products to show – the setting specifies how many products will be shown in the section. Min – 4; Max – 12.

    \n
    3. \n
  3. \n

    Use Shopify recommendations – if the option is enabled, the product from the “Search & Discovery” Shopify app will be displayed. Learn more about how to set up Shopify recommendations.

    \n
    4. \n
  4. \n

    Resource collection – the setting for adding a collection to display products. The Shopify recommendations have priority over the collection.

    \n
    5. \n
\n

 

\n

Layout

\n
    \n
  1. \n

    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;

    \n
    2. \n
  2. \n

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

    \n
    3. \n
  3. \n

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

    \n
    4. \n
  4. \n

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

    \n
    5. \n
  5. \n

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

    \n
    6. \n
\n","blockTitle":"Product recommendations ","fieldGroupName":"manual_category_blocks","hash":"section-product-recommendations"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"Pages","manualCategoryBlocks":[{"blockContent":"

This is a homepage with default template index.json

\n

\"homepage-page\"

\n

 

\n

Homepage is the main store page that your customers see first. On this page, you can display any dynamic sections and build your own unique store.

\n

As per Shopify’s limits, you can only add 25 sections per page.

\n

\"homepage

\n","blockTitle":"Homepage","fieldGroupName":"manual_category_blocks","hash":"pages-homepage"},{"blockContent":"

The Password page is used to show the user when the store is closed with a password. On this page, the user can enter the site if he has a password or leave his email in the form.

\n

The page consists of 3 sections: Password header/Content/Footer

\n

\"password \"password

\n

Password header

\n

General

\n

\"password-header-setting\"

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

    Logo – this setting allows you to set a logo image;

    \n
    3. \n
  3. \n

    Logo width – this setting allows you to adjust the width of the logo image.

    \n
    4. \n
\n

 

\n

Popup

\n

\"password

\n
    \n
  1. \n

    Heading – this setting allows you to add text to the popup heading;

    \n
    2. \n
  2. \n

    Input label– the setting allows you to set the label for input;

    \n
    3. \n
  3. \n

    Input placeholder– the setting allows you to set the placeholder for input;

    \n
    4. \n
  4. \n

    Button label – the setting allows you to set the text for submit button.

    \n
    5. \n
\n

 

\n

Colors

\n

\"password

\n
    \n
  1. \n

    Section background – the setting allows you to set a background for the section;

    \n
    2. \n
  2. \n

    Section text – the setting allows you to set the text color;

    \n
    3. \n
  3. \n

    Password button color – the setting allows you to set the color for the button;

    \n
    4. \n
  4. \n

    Password button border– the setting allows you to set the border color for the button;

    \n
    5. \n
  5. \n

    Password button background – the setting allows you to set the background color for the button;

    \n
    6. \n
  6. \n

    Password button color (hover) – the setting allows you to set the hover color for the button;

    \n
    7. \n
  7. \n

    Password button border (hover) – the setting allows you to set the border hover color for the button;

    \n
    8. \n
  8. \n

    Password button background (hover) – the setting allows you to set the hover background color for the button;

    \n
    9. \n
  9. \n

    Popup background – the setting allows you to set a background for the popup;

    \n
    10. \n
  10. \n

    Popup secondary background – the setting allows you to set a secondary background for the popup;

    \n
    11. \n
  11. \n

    Popup border – the setting allows you to set the border color for the popup;

    \n
    12. \n
  12. \n

    Popup heading– the setting allows you to set the heading color for the popup;

    \n
    13. \n
  13. \n

    Popup text– the setting allows you to set the text color for the popup;

    \n
    14. \n
  14. \n

    Input text– the setting allows you to set the text color for the input;

    \n
    15. \n
  15. \n

    Input border– the setting allows you to set the border color for the input;

    \n
    16. \n
  16. \n

    Input border focus– the setting allows you to set the border focus color for the input;

    \n
    17. \n
  17. \n

    Form button background – the setting allows you to set the background color for the button;

    \n
    18. \n
  18. \n

    Form button color – the setting allows you to set the color for the button;

    \n
    19. \n
  19. \n

    Form button background (hover) – the setting allows you to set the hover background color for the button;

    \n
    20. \n
  20. \n

    Form button color (hover) – the setting allows you to set the hover color for the button.

    \n
    21. \n
\n

 

\n

Password content

\n

General

\n

\"password-content-setting\"

\n
    \n
  1. \n

    Heading – the setting allows you to set the heading;

    \n
    2. \n
  2. \n

    Text – the setting allows you to set the text content;

    \n
    3. \n
  3. \n

    Success message– the setting allows you to set the success message;

    \n
    4. \n
  4. \n

    Show form– the setting allows you to enable form;

    \n
    5. \n
  5. \n

    Input label – the setting allows you to set the label for input;

    \n
    6. \n
  6. \n

    Input placeholder – the setting allows you to set the placeholder for input;

    \n
    7. \n
\n

\"password-content-setting2\"

\n
    \n
  1. \n

    Button label – the setting allows you to set the label for button;

    \n
    2. \n
  2. \n

    Background image– the setting allows you to set a background image for the section at desktop resolution;

    \n
    3. \n
  3. \n

    Background image mobile – the setting allows you to set a background image for the section at mobile resolution.

    \n
    4. \n
\n

 

\n

Colors

\n

\"password

\n
    \n
  1. \n

    Background image overlay – the setting allows you to set a background overlay for the section;

    \n
    2. \n
  2. \n

    Section background – the setting allows you to set a background for the section;

    \n
    3. \n
  3. \n

    Form background – the setting allows you to set a background for the form;

    \n
    4. \n
  4. \n

    Heading – the setting allows you to set the heading color;

    \n
    5. \n
  5. \n

    Text – the setting allows you to set the text color;

    \n
    6. \n
  6. \n

    Form text – the setting allows you to set the form text color;

    \n
    7. \n
  7. \n

    Input text– the setting allows you to set the input text color;

    \n
    8. \n
  8. \n

    Input border– the setting allows you to set the input border color;

    \n
    9. \n
  9. \n

    Input border focus– the setting allows you to set the input border focus color;

    \n
    10. \n
  10. \n

    Form button background – the setting allows you to set the background color for the button;

    \n
    11. \n
  11. \n

    Form button color – the setting allows you to set the color for the button;

    \n
    12. \n
  12. \n

    Form button background (hover) – the setting allows you to set the hover background color for the button;

    \n
    13. \n
  13. \n

    Form button color (hover) – the setting allows you to set the hover color for the button.

    \n
    14. \n
  14. \n

    Success text– the setting allows you to set the color for success message;

    \n
    15. \n
  15. \n

    Attention text– the setting allows you to set the color for attention message.

    \n
    16. \n
\n

 

\n

Password footer

\n

General

\n

\"password-footer-settings\"

\n
    \n
  1. \n

    Text – the setting allows you to set the text content;

    \n
    2. \n
  2. \n

    Login link label– the setting allows you to set the label for link;

    \n
    3. \n
  3. \n

    Login link url– the setting allows you to set the url for link.

    \n
    4. \n
\n

 

\n

Colors

\n

\"password

\n
    \n
  1. \n

    Background – the setting allows you to set a background for the section;

    \n
    2. \n
  2. \n

    Text – the setting allows you to set the text color.

    \n
    3. \n
\n","blockTitle":"Password page","fieldGroupName":"manual_category_blocks","hash":"pages-password-page"},{"blockContent":"

This is a blog page with a default template blog.json.

\n

\"blog-page\"

\n

\"manage-blogs\"

\n

 

\n

You can use the section “Blog template” to configure the appearance and additional settings of the page.

\n

 

\n","blockTitle":"Blog","fieldGroupName":"manual_category_blocks","hash":"pages-blog"},{"blockContent":"

This is a collection page with a default template collection.json.

\n

\"collection-page\"

\n

\"default-collection-page\"

\n

 

\n

The collection template is added initially to the page and cannot be removed. You don’t need to add anything for this template to be displayed. You can use the section “Collection template” to configure the appearance and additional settings of the page.

\n

\"collection \"collection

\n","blockTitle":"Collection page","fieldGroupName":"manual_category_blocks","hash":"pages-collection-page"},{"blockContent":"

This is a page with a default template list-collections.json. This page is added initially to the theme with its own ‘List collections’ section.

\n

\"collections

\n

 

\n

\"collections

\n

 

\n

You can use the “List collections” section to configure the appearance of the page.

\n","blockTitle":"Collections list","fieldGroupName":"manual_category_blocks","hash":"pages-collections-list"},{"blockContent":"

This is a product page with the default template product.json.

\n

\"product-page\"

\n

\"product

\n

 

\n

You can use the “Product template” section to configure the appearance and additional settings of the page.

\n","blockTitle":"Product page","fieldGroupName":"manual_category_blocks","hash":"pages-product=page"},{"blockContent":"

This is a product page with the default template product.pre-order.json

\n

\"pre

\n

\"pre

\n

 

\n

This template is added initially to the theme. You can use this template to showcase that the product is available for pre-order purchase. To use this template, you need to assign it in the product settings of the admin panel.

\n

 

\n

INFO: The logic of purchasing a product does not change; the only difference is changing the text of the “Add to cart” button to “Pre-order”. When a customer purchases a product, thеn in the admin panel on the “Order status page” you can see an additional property “Pre-order”:

\n

\"pre

\n

 

\n

You can use the section “Product template” to configure the appearance and additional settings of the page.

\n

You can also use a block “Countdown timer” to set a timer that indicates how long the product will be available for pre-order, or something like this.

\n

\"pre

\n","blockTitle":"Product (pre-order)","fieldGroupName":"manual_category_blocks","hash":"pages-product-pre-order"},{"blockContent":"

This is a page with a unique template page.faq.json. The page has its own FAQ template.

\n

\"faq

\n

\"page

\n

 

\n

This template can be used to show customers’ answers to frequently asked questions.

\n","blockTitle":"FAQ page","fieldGroupName":"manual_category_blocks","hash":"pages-faq-page"},{"blockContent":"

This is a blog post page with a default template article.json

\n

\"blog

\n

\"article

\n

 

\n

This template is used by default for the single blog page. You don’t need to add anything for this template to be displayed.

\n

\"article

\n","blockTitle":"Article page","fieldGroupName":"manual_category_blocks","hash":"pages-article page"},{"blockContent":"

This is a page with a unique template gift_card.liquid. The page is added initially to the theme. This template is used by default to display the Gift card in the store.

\n

\"gift

\n

\"gift

\n

 

\n

Section settings

\n

\"gift

\n
    \n
  1. \n

    Logo – the setting for adding a store logo to that template.

    \n
    2. \n
  2. \n

    Logo width – setting for adjusting the logo width value.

    \n
    3. \n
  3. \n

    Gift card custom image – setting for adding a custom gift card image.

    \n
    4. \n
\n","blockTitle":"Gift card page","fieldGroupName":"manual_category_blocks","hash":"pages-gift-card-page"},{"blockContent":"

This is a page with a default template search.json. \"search

\n

The page is added to the theme initially and has its own “Search” template. You can use this template to customize the page.

\n

\"search

\n

 

\n","blockTitle":"Search page","fieldGroupName":"manual_category_blocks","hash":"pages-search-page"},{"blockContent":"

This is a page with a unique template 404.json. This page is added to the theme initially.

\n

\"404

\n

 

\n

This template can be used to display information for the user when he opens a hidden or non-existent page. You can use the “404 template” to customize this page.

\n

 

\n

\"404

\n","blockTitle":"404 page","fieldGroupName":"manual_category_blocks","hash":"pages-404-page"},{"blockContent":"

This is a page with a default template cart.json. The page is added to the theme initially and cannot be removed.

\n

\"cart

\n

 

\n

You can use the section “Cart template” to configure the appearance and additional settings of the page.

\n

 

\n

\"cart

\n","blockTitle":"Cart page","fieldGroupName":"manual_category_blocks","hash":"pages-cart-page"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"FAQ","manualCategoryBlocks":[{"blockContent":"

Product labels are added as a product tag in the Product settings of your admin panel.

\n

 

\n

To create a tag, navigate to the specific product in the Admin panel and add a tag with the following format: label__new in

\n

The tag should consist of the prefix label__   (with two underscores) followed by the label name, for example: label__new  or label__new in.

\n

You can also not add the modifier – :primapy  or :secondary . This is an optional parameter.

\n

For example: label__new in:primary

\n

Modifiers determine the styles applied to the label, which you can adjust in the Theme settings -> Product labels. If the modifier is not added, the “Base” color settings will be applied.

\n

\"faq-product-labels-as-a-tag\"

\n","blockTitle":"How to set up product labels","fieldGroupName":"manual_category_blocks","hash":"faq-how-to-set-up-product-labels"},{"blockContent":"

Add the Size chart

\n

Step 1: Create a product metafield.

\n

Navigate to the Shopify Admin -> Settings -> Metafields and metaobjects -> Products and click on the “Add definition” button.

\n

\"create

\n

Create a metafield with the following parameters:

\n

Name: Any preferred name (e.g., Size guide)

\n

Key (Namespace and key) field:size_guide.page. Click the row under the “Name” field and rename it.

\n

Type: One, and Page

\n

You should get the following result:

\n

\"size

\n

Step 2: Create a page with the Size Guide chart

\n

Navigate to the Shopify Admin -> Online store -> Pages and create a page with the necessary content. Make sure you have chosen visibility as Visible.

\n

Note: You can create as many different pages as you require.

\n

\"size

\n

Step 3: Connect the Size Guide page to the metafield in the Product settings.

\n

Navigate to the Product in your Shopify admin, scroll down to the metafields block, find the metafield you created earlier, and select the needed page for the metafield.

\n

Note: Please repeat this step for each of your products where the size chart should be displayed. The size guide button will not be shown for products that have an empty metafield.

\n

\"size

\n

Step 4: Enable the Size guide button in the Product template

\n

Navigate to the Theme editor -> Product template -> scroll down to the Size guide block settings and enable the Show size guide option.

\n

You can also specify the option where the Size guide button will be placed. If this field is empty or the option name does not exist, the size guide button will appear under the options.

\n

\"size

\n

Add model image (Optional)

\n

In the Size Guide window, you can also display additional model information, like a model picture and text. To do this, follow these steps:

\n

Step 1: Create a product metafield

\n

Navigate to the Product metafields and create a metafield to store the model image with the following parameters.

\n

Name: Size guide model image.

\n

Key (Namespace and key): custom.size_guide_model_image – This step can be skipped if the name of this metafield is set to “Size guide model image.”

\n

Type: One, Image (File)

\n

\"model

\n

Step 2: Add an image to the metafield

\n

Navigate to the Product in your Shopify admin, scroll down to the metafields block, find the metafield you created earlier, and add the needed model image for the metafield.

\n
\n
\n

Note: Please repeat this step for each product where the model image should be displayed.

\n
\n
\n

Add model description (optional).

\n

Step 1: Create a product metafield.

\n

Navigate to the Product metafields and create a metafield to store the model image with the following parameters.

\n

Name: Size guide model info.

\n

Key (Namespace and key): custom.size_guide_model_info – This step can be skipped if the name of this metafield is set to “Size guide model info.”

\n

Type: One, Multi-line text

\n

\"model

\n

Step 2: Add the model description to the metafield

\n

Navigate to the Product in your Shopify admin, scroll down to the metafields block, find the metafield you created earlier, and add the text description.

\n
\n
\n

Note: Please repeat this step for each product where the model description should be displayed.

\n
\n
\n","blockTitle":"How to set up Size guide","fieldGroupName":"manual_category_blocks","hash":"faq-how-to-set-up-size-guide"},{"blockContent":"

In some cases, there is a possibility that a given color will not be included in the standard CSS Shopify palette, which will result in a white (blank) swatch appearing. Therefore, if you use non-standard color names, Shopify may not display the swatch on the page, and additional adjustments are required.

\n

To add your custom color swatches, prepare the color swatch file – this is an image that represents a color swatch that will be displayed on the page. We recommend having an image with 50x50px dimensions in PNG format.

\n

Once the file is created, give it a specific name. The name must match the following pattern: swatch-color-name, specifically the “swatch-” prefix and the color name.

\n

If the color name contains more than one word, each word should be separated with a hyphen ” – “. For example, if the color name is Forest grass, then the file should be named as swatch-forest-grass.

\n

Once the file is ready, navigate to the Admin panel -> Content -> Files and upload it. Once the files are uploaded to your admin, they will be displayed as swatches on the page. No additional actions are required.

\n

\"upload

\n","blockTitle":" How to set up theme swatches","fieldGroupName":"manual_category_blocks","hash":"faq-how-to-set-up-theme-swatches"},{"blockContent":"

Step 1:

\n

Navigate to the Admin -> Settings -> Metafields and metaobjects -> Products, click on “Add definition”.

\n

Create a metafield with the following parameters:

\n

Name: any preferred name (e.g., Promo timer);
\nNamespace and Key: custom.promo_timer_date;
\nType: One / Date and time.

\n

The “Namespace and Key” is filled automatically after the “Name” is added. You need to click that field and rename it.

\n

You should get the following result:

\n

\"\"\"promo

\n

Step 2:

\n

Navigate to the Product in the admin panel, scroll down to the Metafields section, and set the date when the promotion ends.

\n

\"\"\"promo

\n","blockTitle":"How to set up countdown timer","fieldGroupName":"manual_category_blocks","hash":"faq-how-to-set-up-countdown-timer"},{"blockContent":"

Adding a hover image (or video) for your product cards elevates the look of your store.

\n

If you enable the Hover Image in the Theme Setting -> Product card, by default, the 2nd image of your product will act as a hover image.

\n

To create a variant metafield, please go to the Admin panel -> Settings -> Metafields & Metaobjects -> Variants, and create a metafield with type File (Image).

\n

\n

 

\n

After that, go to the specific product in the admin panel, open the variant settings (color), scroll down to the metafields section, and add an image to the metafield. This image will be shown on hover.

\n

 

\n

Note: if your product has more than 1 color variant, and you add a hover image to the whole product, then this hover image will be the same for each color variant. However, if you add a different hover image for each color variant, then the hover image will change for each color variant.

\n

 

\n

Important: If color swatches are enabled and other options are present, for example, size, material, etc., then you need to add a hover image only to the first variant of each color.

\n","blockTitle":"How to set up Variant hover image","fieldGroupName":"manual_category_blocks","hash":"faq-how-to-set-up-variant-hover-image"},{"blockContent":"

The products for the Complementary products block in our themes are managed via the free Shopify app Search & Discovery, under the Recommendations tab, Complementary products column. Here, you can add a unique set of products for the Complementary products block, up to 10 items.

\n

\"\"\"complementary

\n

 

\n\n

Related products are displayed within the “Product recommendations” section. You can add products either in the section settings directly or manage them through the free Shopify app Search & Discovery, under the Recommendations tab, in the Related products column.

\n

To display products on the storefront from the app, please ensure that the “Use Shopify recommendations” option is enabled in the “Product recommendations” section settings.

\n

Here, you can either use products generated by Shopify or adjust products manually.

\n

\"\"\"Product

\n","blockTitle":"How to set up Complementary products block and Product recommendations","fieldGroupName":"manual_category_blocks","hash":"faq-how-to-set-up-complementary-products-block-and-product-recommendations"},{"blockContent":"

If you want to remove the “Powered by Shopify” please follow these steps:

\n
    \n
  1. Go to the Admin panel -> Online store.
    2. \n
  2. Click the three dots ••• near the theme and open the “Default ctheme content” page.
    \n\"\"\"default
    3. \n
  3. Write the powered search query in the input field.
    \n\"\"\"powered\"
    4. \n
  4. Find the Powered by Shopify box, click on the input field and press the ‘space’ button on the keyboard.
    5. \n
  5. Save changes.
    6. \n
\n

 

\n

After that, the “Powered by Shopify” sign will not be displayed anymore.

\n

 

\n

You can also check this article from the Shopify Help Center and watch Shopify’s video.

\n","blockTitle":"How to remove the \"Powered by Shopify\"","fieldGroupName":"manual_category_blocks","hash":"faq-how-to-remove-the-powered-by-shopify"},{"blockContent":"

To set up the Filters & Sort, you need to install the Search & Discovery APP, it’s a free Shopify APP. In the APP, you need to open the Filters tab. After that, click the “Add filter” and create a new filtering option.

\n

Filter type – is the source of the filtering option. It can be: Product options, Category metafields, and Product metafields. To create a filter via product metafields, you need to create this metafield with the “Single line text” type. The name of the metafield will be used as the name of the filtering options. After that, go to the specific products in the admin panel, find these metafields, and fill them in with the text value. This value will be used to filter products.

\n

\n","blockTitle":"How to set up Filters & Sort","fieldGroupName":"manual_category_blocks","hash":"faq-how-to-set-up-filters-&-sort"},{"blockContent":"

If you need help integrating the App with the Theme, then please keep in mind that integration with the app should be done by the app developers. Please note that app developers are expected to have their Apps compatible with Shopify Themes.

\n

If you encounter problems with the app, certain elements of the theme may be invisible because of third-party apps. Verify whether you have any external apps installed, as some may obstruct theme content. If you are indeed utilizing third-party apps, kindly contact their support team directly. All Shopify App Developers offer their own support, feel free to reach out to them.

\n","blockTitle":"App integration","fieldGroupName":"manual_category_blocks","hash":"faq-app-integration"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"Troubleshooting","manualCategoryBlocks":[{"blockContent":"

If you notice that something in your theme isn’t working as expected, please follow these steps before contacting our support team:

\n
    \n
  1. \n

    Disable all third-party apps (one by one, if possible). Some apps modify the theme’s code or add scripts that can interfere with its functionality.

    \n
    2. \n
  2. \n

    Check the theme again after disabling the apps.

    \n\n
    3. \n
  3. \n

    Add a fresh, unedited version of the theme from the Shopify Theme Store and check if the same issue appears there.

    \n\n
    4. \n
\n

If you notice that everything works correctly once the app is disabled, please reach out to the app’s support team, as they’ll be best equipped to assist with their integration.

\n

Alternatively, you can reach out to our support team and provide a collaborator access code so that we can send a store access request to review the issue directly and do our best to help. This code can be found on the Admin panel -> Settings -> Users, under the Security page.

\n","blockTitle":"Troubleshooting","fieldGroupName":"manual_category_blocks","hash":"troubleshooting"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"Support","manualCategoryBlocks":[{"blockContent":"

Ultra Theme Support.

\n

If you need any help with your Ultra Theme, feel free to reach out to us by email. We typically reply during business hours 8 am – 5 pm (Brussels, GMT +02:00), Monday-Friday (excluding holidays).

\n

Reach out to our email address: support@utdweb.team

\n

 

\n

App support.

\n

If you need help with a 3-rd party app, or have questions regarding it, please contact App Support directly. Keep in mind, that app developers are expected to have their apps compatible with Shopify Themes.
\nPlease note that we can only support you with the Boutique Theme Code, developed by us.

\n

All Shopify App Developers offer support assistance, feel free to reach out to them.

\n

 

\n

Shopify support.

\n

If you need help with the Admin Panel or Shopify platform in general, the Shopify Support team is available 24/7.

\n

If you need help with the checkout page, always contact the Shopify Support team directly, as this page is not part of the theme code, it is a Shopify page.

\n

Feel free to contact Shopify support here: https://help.shopify.com/questions

\n","blockTitle":"Contact us","fieldGroupName":"manual_category_blocks","hash":"support-contact-us"}]}]}],"topLinks":{"latestUpdates":{"linkText":"Latest Updates","releaseNotesArticle":null},"paidServices":{"linkText":"Paid Services","linkUrl":{"uri":"/paid-services/fuse/"}}}}},"lastmod":"2026-10-21"}}, "staticQueryHashes": ["1083880928","1850027792","2115852241","2249625599","2590265254","3117944600","3394409019","3777654359","842661457"]}