{ "componentChunkName": "component---src-templates-manual-jsx", "path": "/shopify-themes/victory/manual/", "result": {"pageContext":{"manual":{"page_header":{"background":null,"backgroundOpacity":100,"color":"#0a0a0a","fieldGroupName":"page_header","title":"Victory theme manual","opacity":100,"position":"on","size":{"desktop":64,"tablet":48,"mobile":32},"spaces":{"top":null,"bottom":null,"leftright":null,"units":"em"}},"slug":"victory","title":"Victory theme","id":"cG9zdDoxMTE1OQ==","modifiedGmt":"2026-10-21T12:26:38","acfManual":{"postType":{"title":"Victory Theme","uri":"/shopify-themes/victory/"},"metaData":{"title":"Victory Shopify Theme Manual","description":"Learn how to set up, customize, and manage the Victory 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 Customizer → Theme Settings → Typography.

\n

\"12\"

\n

Settings

\n

Base and heading fonts

\n

\n

\"(7)\"

\n
    \n
  1. Base font – font picker for plain text throughout the store;
    2. \n
  2. Heading font – font picker for headings throughout the store;
    3. \n
  3. Uppercase – setting allows you to set text for headings in uppercase;
    4. \n
  4. Base font size – plain text size;
    5. \n
  5. Heading font size – heading text size.
    6. \n
\n

\n

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

Color Schemes Guide

\n

\"color

\n

The Color Schemes section allows you to customize the appearance of your Shopify store by defining a color palette and assigning it to various elements of the theme. Below is a step-by-step guide to help you configure this section effectively.

\n

Main Scheme Selection

\n

\"color

\n

Main Scheme – choose a predefined color scheme for your store. Select a scheme that best matches your branding. The colors in the selected scheme will be applied to the store globally. Default Value: scheme-1

\n

Color Scheme Group

\n

\"color

\n

The Color Scheme Group provides detailed customization for text, backgrounds, buttons, borders, and other elements.

\n

Text Colors

\n

Customize the colors for various text types:

\n\n

Backgrounds

\n

Control the background colors for different sections of the site:

\n\n

Button Colors

\n

Primary Buttons

\n\n

Secondary Buttons

\n\n

Border Colors

\n

Define borders for elements:

\n\n

Support Colors

\n\n

Overlay

\n\n

Social Buttons

\n

Customize the appearance of social media buttons:

\n\n

Preloader

\n\n

Slider Arrows

\n\n

Icons

\n\n

Color Scheme Inheritance in Sections

\n

\"color

\n

By default, all sections in your theme inherit the color scheme from the global theme settings. However, each section can be customized individually with the following options:

\n

Settings for Sections

\n

Color Scheme Inheritance – enable color scheme inheritance to automatically use the color scheme defined in the global theme settings. Default Value: Enabled (true)

\n

Custom Color Scheme – choose a custom color scheme for this specific section. This overrides the inherited scheme. Default Value: scheme-1

\n

How to Use

\n\n

Recommendations

\n

Here’s the list of recommendations based on additional insights from your manual:

\n
    \n
  1. \n

    Ready-to-use color scheme examples:

    \n
    2. \n
\n\n\n
    \n
  1. \n

    Contrast and readability:

    \n
    2. \n
\n\n\n
    \n
  1. \n

    Color scheme testing:

    \n
    2. \n
\n\n\n
    \n
  1. \n

    Optimization tools:

    \n
    2. \n
\n\n\n

This guide ensures you can fully leverage the Color Schemes section to personalize your Shopify theme. If you need additional help, contact your theme developer or refer to Shopify’s official documentation.

\n","blockTitle":"Color Schemes","fieldGroupName":"manual_category_blocks","hash":"general-color-schemes"},{"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

\"(8)\"

\n

Settings

\n

Scrollbar

\n

\n

\"(22)\"

\n
    \n
  1. Thumb – scrollbar thumb color;
    2. \n
  2. Track – scrollbar track color;
    3. \n
  3. Thumb opacity – transparency of the scrollbar thumb as a percentage of black;
    4. \n
  4. Track opacity – transparency of the scrollbar track as a percentage of black.
    5. \n
\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

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

Button font settings

\n

\n

\"buttons

\n
    \n
  1. Font – font family for all buttons, default: Inter;
    2. \n
  2. Font size – font size for all buttons, default: 16px;
    3. \n
  3. Uppercase – button text transform to uppercase.
    4. \n
\n

\n

Button primary

\n

\n

\"button

\n
    \n
  1. Text – main button text color;
    2. \n
  2. Background – main button background color;
    3. \n
  3. Text (hover) – button text color on hover;
    4. \n
  4. Background (hover) – background color of the main button on hover.
    5. \n
\n

\n

Button secondary

\n

\n

\"second

\n
    \n
  1. Text – secondary button text color;
    2. \n
  2. Background – secondary button background color;
    3. \n
  3. Text (hover) – secondary button text color on hover;
    4. \n
  4. Background (hover) – secondary button background color on hover.
    5. \n
\n

\n

Button primary with border

\n

\n

\"button

\n
    \n
  1. Text – secondary button text color;
    2. \n
  2. Background – secondary button background color;
    3. \n
  3. Border – secondary button border color;
    4. \n
  4. Text (hover) – secondary button text color on hover;
    5. \n
  5. Background (hover) – secondary button background color on hover;
    6. \n
  6. Border (hover) – secondary button border color on hover.
    7. \n
\n

\n

Button secondary with border

\n

\n

\"second

\n
    \n
  1. Text – secondary button text color;
    2. \n
  2. Background – secondary button background color;
    3. \n
  3. Border – secondary button border color;
    4. \n
  4. Text (hover) – secondary button text color on hover;
    5. \n
  5. Background (hover) – secondary button background color on hover;
    6. \n
  6. Border (hover) – secondary button border color on hover.
    7. \n
\n

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

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

\n

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

\n

\"(25)\"

\n

Settings

\n

\n

\"(26)\"

\n
    \n
  1. Favicon image – the setting is responsible for the store icon that is displayed in the browser tab.
    2. \n
\n

\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

\"(27)\"

\n

Settings

\n

\n

\"(28)\"

\n
    \n
  1. Container width – by default, most sections use this setting to determine their width.
    2. \n
\n

\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

\"(29)\"

\n

Settings

\n

General

\n

\n

\"cart

\n
    \n
  1. Cart type – the setting is responsible for the type of cart. It has two values: drawer, page;
    2. \n
  2. Show product vendor – the setting is responsible for showing/hiding the product vendor;
    3. \n
  3. Show discounts – the setting is responsible for showing/hiding cart discount form;
    4. \n
  4. Show cart notes – the setting is responsible for showing/hiding cart notes;
    5. \n
  5. Show tax and shipping message – the setting is responsible for showing/hiding the tax and shipping message;
    6. \n
  6. Show dynamic checkout buttons – the setting is responsible for showing/hiding dynamic checkout buttons;
    7. \n
  7. Show shipping rates calculator – enable the shipping rates calculator in the cart drawer and cart page. If you have multiple currencies in your store – disable this feature. The shipping calculator does not support the store with multiple currencies;
    8. \n
  8. Checkout button label – label for the Checkout button.
    9. \n
\n

\n

Cart notification

\n

\n

\"cart

\n
    \n
  1. \n

    Show cart notification – the setting is responsible for showing/hiding the “Cart notification“ popup when adding to the cart. This setting does not affect the “Cart notification error” popup, it is always enabled.

    \n
    2. \n
  2. \n

    Enable color scheme inheritance – when this setting is enabled, the color scheme is inherited from the theme settings.

    \n
    3. \n
  3. \n

    Color scheme – the setting allows you to choose a scheme.

    \n
    4. \n
\n

Empty cart

\n

\"empty

\n
    \n
  1. \n

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

    \n
    2. \n
  2. \n

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

    \n
    3. \n
\n

\n

\n

\n

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

\"swatches\"

\n
    \n
  1. Enable color swatches – the setting is responsible for whether color swatches will be displayed on the product card. By default, Shopify swatches will be used. Learn more about setup swatches for product options – https://help.shopify.com/en/manual/products/details/product-category . If Shopify swatches are not added, then theme swatches will work. Color swatches depend on the Color option. If the name of the color is split, then the last word is taken and substituted into the CSS palette. There is a chance that this color will not be in the CSS palette, then it will just be a white swatch. In this case, you must add an image to Shopify files of 50*50 px size in .png format with swatch- prefix. For example, the image name for banana-yellow would be swatch-banana-yellow.png;
    2. \n
  2. Swatch option – the setting is intended for stores that have a different option for color swatches than color. For example, a user has a purely German store, whose color option is called – Farbe, thus the user will need to specify a name for this setting. The default value is Color. NOTE: This setting works only for the theme swatches, not for the Shopify swatches.
    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

\"(33)\"

\n

Settings

\n

General

\n

\n

\"(34)\"

\n
    \n
  1. Default product image – this image will be used when the product has no image;
    2. \n
  2. Show unit price – the setting is responsible for displaying the Unit price. More information here – https://help.shopify.com/en/manual/intro-to-shopify/initial-setup/sell-in-germany/price-per-unit.
    3. \n
\n

\n

\n

\n

\n

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

\"product

\n

\"product

\n
    \n
  1. Enable labels – the setting is responsible for whether labels will be shown on the product card. For the label to be displayed, a tag must be added to the product, for example, label_new is the base label that will display NEW with the base color. To change the type of a label, you need to add a :type, such as label__new:primary or label__new:secondary. The number of displayed labels is limited to 3, as well as a soldout label in case the product is not available;
    2. \n
  2. Enable Sale % label – the setting allows enabling or disabling the display of a label indicating the discount percentage;
    3. \n
  3. For each type of label, there are color settings. This way you can change the color for the label text: sale, primary, secondary, base, soldout;
    4. \n
  4. The background is specified for each label;
    5. \n
  5. The border color is specified for each label;
    6. \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

\"(37)\"

\n

Settings

\n

General

\n

\n

\"product

\n
    \n
  1. Show vendor – the setting is responsible for showing/hiding the product vendor;
    2. \n
  2. Show currency code – setting responsible for whether the currency code will be shown;
    3. \n
  3. Enable image change on hover – the setting is responsible for whether the second image (video) will be shown on hover. By default the second product image will be used for the hover. To add an image (video), you need to add the product_card.hover_image metafield, where product_card is the namespace and hover_image is the field name. The Content type must be a file.\n\n
    4. \n
  4. Image aspect ratio – aspect ratio of the image. Can be “Square” or “Portrait”;
    5. \n
  5. Object fit image – the setting is responsible for stretching the image. If Cover(default) is selected – the image will take all the space available for it, that is, it will stretch as much as possible, and if Contain – it will retain its proportions;
    6. \n
\n

\n

Colors

\n

\"product

\n
    \n
  1. Quick buttons background – setting allows you to specify the background color of quick buttons;
    2. \n
  2. Quick buttons border color – setting allows you to specify the border color of quick buttons;
    3. \n
  3. Quick buttons color – setting allows you to specify the icon color of quick buttons.
    4. \n
  4. Quick buttons background (hover) – setting allows you to specify the background color of quick buttons hover;
    5. \n
  5. Quick buttons color (hover) – setting allows you to specify the icon color of quick buttons hover.
    6. \n
\n

Color “swatches”

\n

\n
    \n
  1. Container background – setting allows you to specify the background color of swatches block;
    2. \n
  2. Swatch background – setting allows you to specify the background color of swatch button. You can see this background if you have transparent swatch image.
    3. \n
  3. Swatch background active – setting allows you to specify the background color of swatch button in the active state. You can see this background if you have transparent swatch image.
    4. \n
  4. Swatch border – setting allows you to specify the border color of swatch button.
    5. \n
  5. Swatch border active – setting allows you to specify the border color of swatch button in the active state;
    6. \n
  6. Swatch count text – setting allows you to specify the color of remaining swatches count.
    7. \n
\n

\n

\n

\n

\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

\"(41)\"

\n

Settings

\n

\n

\"compare

\n
    \n
  1. Enable – the setting allows you to display or not display product compare buttons;
    2. \n
  2. Popup heading – heading of compare buttons popup;
    3. \n
  3. Button sticky background – background color of sticky compare product button;
    4. \n
  4. Button sticky color – text color of sticky compare product button;
    5. \n
  5. Button background – background color of product page compare button;
    6. \n
  6. Button color – text color of product page compare button;
    7. \n
  7. Remove button color – the setting allows you to set the text color of the remove button in the popup;
    8. \n
  8. Remove button background – the setting allows you to set the background color of the remove button in the popup;
    9. \n
  9. Remove button border color – the setting allows you to set the border color of the remove button in the popup.
    10. \n
\n

Compare products feature

\n

The compare products feature allows users to compare up to 6 products

\n

\n

\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

\"(45)\"

\n

Settings

\n

\n

\"article

\n
    \n
  1. Default article image – the setting is used to add a default image if the article does not have one;
    2. \n
  2. Show blog post date – the setting is responsible for showing/hiding the publication dates of the article;
    3. \n
  3. Show blog post author – the setting is responsible for showing/hiding the author of the article;
    4. \n
  4. Show comments count – the setting is responsible for showing/hiding the number of comments;
    5. \n
  5. Show content – the setting is responsible for showing/hiding the content of the article;
    6. \n
  6. Show blog post tag – the setting is responsible for showing/hiding article tag;
    7. \n
  7. Strip title to 2 line – the setting is responsible for trimming the title of the article to 2 lines;
    8. \n
  8. Strip content to 2 line – the setting is responsible for trimming the content of the article to 2 lines;
    9. \n
  9. Label backgorund – the setting is responsible for the background color of the article tag label;
    10. \n
  10. Label color – the setting is responsible for the color of the article tag label.
    11. \n
\n

 

\n

\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 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

\"(52)\"

\n

Quick view settings

\n

General

\n

\n

\"quick

\n
    \n
  1. Enable quick view – the setting is responsible for enabling/disabling quick view. Otherwise, the user will need to go to the product to see other options and add to the cart;
    2. \n
  2. Button style – the setting allows you to set the style of the button: Primary / Secondary / Primary with border / Secondary with border;
    3. \n
  3. Button ‘Buy it now’ style – the setting allows you to set the style of the ‘Buy it now’ button: Primary / Secondary / Primary with border / Secondary with border ;
    4. \n
  4. Variant picker – select a view of variant options type. Note: if you have enabled a color swatch option then the option that is related to color swatch will always be a button. You can select “Buttons” or “Dropdown”
    5. \n
  5. Media layout – the setting allows you to specify the type of media layout;
    6. \n
  6. Color swatch type – the setting allows you to choose the type of color swatch. It can be: “Small circle”, “Big circle”, “Circle with label”, or “Square”.
    7. \n
  7. Enable color swatch preview – the setting allows to show a preview image of the swatch.
    8. \n
  8. Enable color swatch max height – the setting adds a container with a scrollbar to the swatches. You can use this feature when you have many swatches.
    9. \n
  9. Object fit image – setting allows you to set the value for the object-fit property of the image.
    10. \n
\n

 

\n

Countdown timer

\n

\n

\"count-down

\n
    \n
  1. Show – if checked – the countdown timer will be shown;
    2. \n
  2. Text – Text before countdown timer;
    3. \n
\n

\"(58)\"

\n

To show the countdown timer:

\n\n

\"(59)\"

\n\n

\n

\"(60)\"

\n

Colors

\n

\n

\"quick

\n
    \n
  1. Enable color scheme inheritance – when this setting is enabled, the color scheme is inherited from the theme settings.
    2. \n
  2. Color scheme – the setting allows you to choose a scheme.
    3. \n
\n

\n

\"quick

\n

Add to Cart Button

\n
    \n
  1. Text – button text color
    2. \n
  2. Background – button background color
    3. \n
  3. Border – button border color
    4. \n
  4. Text (hover) – button text color on hover
    5. \n
  5. Background (hover) – button background color on hover
    6. \n
  6. Border (hover) – button border color on hover
    7. \n
\n

Compare product button

\n
    \n
  1. Text – button text color
    2. \n
  2. Background – button background color
    3. \n
  3. Border – button border color
    4. \n
  4. Text (hover) – button text color on hover
    5. \n
  5. Background (hover) – button background color on hover
    6. \n
  6. Border (hover) – button border color on hover
    7. \n
\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

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

\n

\n

This block of settings is intended for general Predictive search settings 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

\"(65)\"

\n

Settings

\n

\n

\"predictive

\n
    \n
  1. Enable – settings allow you to enable search;
    2. \n
  2. Enable search by articles – setting allows to include articles in the search;
    3. \n
  3. Enable search by pages – setting allows to include pages in the search;
    4. \n
  4. No results text – setting allows to set no result text.
    5. \n
\n

Most searched

\n
    \n
  1. Heading – setting allows to set heading when search input is empty;
    2. \n
  2. Links – setting allows to set menu when search input is empty;
    3. \n
\n

Additional information

\n

If the Enable search by articles or Enable search by pages setting is enabled, then tabs appear in the search sidebar. If no results are found in any of the categories, then this tab will be disabled.

\n

\"predictive

\n

If the search does not return any results, then the search button becomes disabled and a corresponding message is displayed.

\n

\"predictive

\n

\n

\n

\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

\"(69)\"

\n

Settings

\n

Social accounts

\n

\n

\"social

\n
    \n
  1. X (Twitter) – link to the store’s X (Twitter) account;
    2. \n
  2. Facebook – link to the store’s Facebook account;
    3. \n
  3. Pinterest -link to the store’s Pinterest account;
    4. \n
  4. Instagram – link to the store’s Instagram account;
    5. \n
  5. Tumblr – link to the store’s Tumblr account;
    6. \n
  6. YouTube – link to the store’s YouTube account;
    7. \n
  7. TikTok – link to the store’s TikTok account.
    8. \n
  8. Linkedin – link to the store’s Linkedin account.
    9. \n
\n

\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

\"(73)\"

\n

Settings

\n

General

\n

\n

\"(74)\"

\n
    \n
  1. Enable – the setting is responsible for enabling/disabling the popup;
    2. \n
  2. Cookie time – the setting is responsible for the period after which the cart reminder popup will be shown. It has several values: 10 minutes, 30 minutes, 1 hour, 8 hours, 1 day;
    3. \n
  3. Display frequency – the setting is responsible for the behavior of the popup. If one time is selected, in this case when interacting with the popup, it will be closed for 24 hours. If the Cookie interval is selected, the value from the Cookie time setting will be taken;
    4. \n
  4. Text – the setting is responsible for the text inside the popup;
    5. \n
\n

Colors

\n

\n

\"(75)\"

\n
    \n
  1. Text – the setting is responsible for the text color;
    2. \n
  2. Background – the setting is responsible for the popup background;
    3. \n
  3. Icon – the setting is responsible for the icon color;
    4. \n
  4. Button close – the setting is responsible for the close button color.
    5. \n
\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

\"(92)\"

\n

Settings

\n

General

\n

\n

\"breadcrumbs\"

\n
    \n
  1. Show– the setting is responsible for showing/hiding breadcrumbs.
    2. \n
  2. Show collection on PDP – showing the first available collection of the target product.
    3. \n
\n

Layout

\n

\n

\"(94)\"

\n
    \n
  1. Desktop offset top – the top indent of the section on the desktop;
    2. \n
  2. Desktop offset bottom – the bottom indent of the section on the desktop;
    3. \n
  3. Mobile offset top – the top indent of the section on the mobile;
    4. \n
  4. Mobile offset bottom – the bottom indent of the section on the mobile.
    5. \n
\n

\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

\"(95)\"

\n

Settings

\n

\n

\"(96)\"

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

\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

\"checkout\"

\n

Settings

\n

\n

\"24-02-20T15259\"

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

Additional information

\n
    \n
  1. In this block, your CSS 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.
    2. \n
\n

\n

\n","blockTitle":"Custom CSS","fieldGroupName":"manual_category_blocks","hash":"general-custom-css"},{"blockContent":"

B2B Quantity Rule

\n

Victory Theme supports B2B selling of a specific minimum quantity of items.

\n

Quantity Increment

\n

The number of items by which the variant can be purchased, if the variant only sells in multiples of a set quantity. This field restrict customers from buying a quantity that’s not in multiples of the quantity increment.

\n

To set quantity rules, you need to set a value of 1 or greater for both Quantity Increment and Minimum Order Quantity. The Maximum Order Quantity field is optional, and can be left blank.

\n

If the values for Quantity Increment, Minimum Order Quantity, and Maximum Order Quantity are all blank for the same row, then the quantity rules for that product variant are removed.

\n
\n

Minimum Order Quantity

\n

The fewest number of items of the variant that a customer can purchase at the same time.

\n

To set quantity rules, you need to set a value of 1 or greater for both Quantity Increment and Minimum Order Quantity.

\n
\n

To learn more about the quantity rule for B2B, check out this article from Shopify.

\n

\n","blockTitle":"B2B Quantity Rule","fieldGroupName":"manual_category_blocks","hash":"general-b2b-quantity-rule"},{"blockContent":"

This settings block is intended for Cursor settings on the site.

\n

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

\n

\n

Settings

\n

\n

\"cursor

\n
    \n
  1. Cursor type – the setting is responsible for the cursor type (default / dot);
    2. \n
  2. Hide the cursor when hovering over buttons – the setting is responsible for the for hiding the cursor when hovering over buttons.
    3. \n
\n

\n

Info

\n

\n
    \n
  1. Custom cursor does not work on elements like iFrame / video / audio / model viewer, this is due to the peculiarities of the implementation and functionality of these elements.
    2. \n
  2. Hiding the cursor on hover applies only to some button types.
    3. \n
\n

\n","blockTitle":"Cursor","fieldGroupName":"manual_category_blocks","hash":"general-cursor"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"Pages","manualCategoryBlocks":[{"blockContent":"

This is a homepage with default template index.json

\n

\"02-20T\"

\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

\n

\"20T160652427\"

\n

As per Shopify’s limits, you can only add 25 sections per page.

\n

\n","blockTitle":"Homepage","fieldGroupName":"manual_category_blocks","hash":"pages-homepage"},{"blockContent":"

This is a collection page with a default template collection.json

\n

\"2024-02-20T161304\"

\n

\"0220T161417\"

\n

This template is used by default for the collection page. You don’t need to add anything for this template to be displayed.

\n

\n

\n

You can use the section “Collection template” to configure the appearance and additional settings of the page.

\n

\n

\n","blockTitle":"Collection","fieldGroupName":"manual_category_blocks","hash":"pages-collection"},{"blockContent":"

This is a product page with a default template product.json

\n

\"product

\n

\"product

\n

This template is used by default for the product page. You don’t need to add anything for this template to be displayed.

\n

\n

You can use the section “Product template” to configure the appearance and additional settings of the page.

\n

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

This is a product page with default template product.pre-order.json

\n

\n

\"pre-order

\n

This template can be used to show customers that the product is available for Pre-order purchase.

\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 customer purchase a product, than in the admin panel on the “Order status page” you can see an aditional property “Pre-order”:

\n

\"pre-order

\n

You can use the section “Product Template” to configure the appearance and additional settings of the page.

\n

You can use a block “Countdown timer” to set a timer that indicates how long the product will be available for Pre-order or any other purpose.

\n

\n

\n

 

\n","blockTitle":"Pre-order Product","fieldGroupName":"manual_category_blocks","hash":"pages-pre-order-product"},{"blockContent":"

This is a page with a default template cart.json

\n

\"cart

\n

This template is used by default for the cart page. You don’t need to add anything for this template to be displayed.

\n

\n

\"cart\"

\n

You can use the section “Cart template” to configure the appearance and additional settings of the page.

\n

\n

\n","blockTitle":"Cart","fieldGroupName":"manual_category_blocks","hash":"pages-cart"},{"blockContent":"

This is a page with a default template list-collections.json

\n

\"collection

\n

This template is used by default for the collection list page. You don’t need to add anything for this template to be displayed.

\n

\n

\"collections

\n

You can use the section “List collections” to configure the appearance and additional settings of the page.

\n

\n

\n","blockTitle":"Collections list","fieldGroupName":"manual_category_blocks","hash":"pages-collections-list"},{"blockContent":"

This is a page with a default template search.json

\n

\"search

\n

This template is used by default for the search page. You don’t need to add anything for this template to be displayed.

\n

\n

\"search

\n

You can use the section “Search template” to configure the appearance and additional settings of the page.

\n

\n

\n","blockTitle":"Search","fieldGroupName":"manual_category_blocks","hash":"pages-search"},{"blockContent":"

This is a blog page with a default template blog.json

\n

\"blog

\n

\"edit

\n

This template is used by default for the blog page. You don’t need to add anything for this template to be displayed.

\n

\n

\n

You can use the section “Blog template” to configure the appearance and additional settings of the page.

\n

\n

\n","blockTitle":"Blog","fieldGroupName":"manual_category_blocks","hash":"pages-blog"},{"blockContent":"

This is a blog post page with a default template article.json

\n

\"article

\n

\"article

\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

\n

\n

You can use the section “Article template” to configure the appearance and additional settings.

\n

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

This is a page with a unique template page.store-locator.json

\n

\"locator

\n

\"locator

\n

This template can be used to show customers short information about your stores, with image or Google map.

\n

\n

You can use the section “Contact Details” to add information about the stores.

\n

\n","blockTitle":"Store locator","fieldGroupName":"manual_category_blocks","hash":"pages-store-locator"},{"blockContent":"

This is a page with a unique template page.faq.json

\n

\"faq

\n

\"faq

\n

This template can be used to show customers’ answers to frequently asked questions.

\n

\"faq

\n

\n

You can use the FAQ template section to add answers to frequently asked questions.

\n

\n

\n","blockTitle":"FAQ","fieldGroupName":"manual_category_blocks","hash":"pages-faq"},{"blockContent":"

This is a page with a unique template page.contact.json

\n

\"contact

\n

\"contact

\n

This template is used for the Contact page to show contact information for your customers.

\n

\n

\"contact

\n

You can use the “Contact template” section to configure the appearance and additional settings of the page.

\n

\n

\n

\n","blockTitle":"Contact us","fieldGroupName":"manual_category_blocks","hash":"pages-contact-us"},{"blockContent":"

This is a page with a unique template 404.json

\n

\"404

\n

This template can be used to display information for the user when he opens a hidden or non-existent page.

\n

\n

\"404

\n

You can use the section “404 template” to add additional information for the user.

\n

\n","blockTitle":"404 page","fieldGroupName":"manual_category_blocks","hash":"pages-404"},{"blockContent":"

This is a page with a unique template password.json

\n

\"password

\n

This template is used by default for the password page. You don’t need to add anything for this template to be displayed.

\n

\n

\"Password

\n

\"Password

\n

\"Password

\n

\"Password

\n

You can use the “Password header”, “Password content”, and “Password footer” sections to configure the appearance and additional settings of the page.

\n

\n","blockTitle":"Password page","fieldGroupName":"manual_category_blocks","hash":"pages-password"},{"blockContent":"

This is a page with a unique template gift_card.liquid

\n

\n

\"gift

\n

This template is used by default for the Gift card. You don’t need to add anything to display this template.

\n

\n

\"Gift

\n

You can use “Gift card” section to configure the appearance and additional settings of the page.

\n

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

Setting up and managing new customer accounts

\n

New customer accounts let your customers log in using a one-time 6-digit verification code sent by email. A password isn’t required to log in. Both classic and new customer accounts are available to you and can be used by your customers.

\n

Click the link for more: Shopify manual.

\n","blockTitle":"New customer account","fieldGroupName":"manual_category_blocks","hash":"pages-new-customer"},{"blockContent":"

This is a page with a unique template login.json

\n

\"login

\n

This template is used by default for the Login page. You don’t need to add anything for this template to be displayed.

\n

\n

You can use the section “Login template” to configure the appearance and additional settings of the page.

\n

\n

\n","blockTitle":"Login","fieldGroupName":"manual_category_blocks","hash":"pages-login"},{"blockContent":"

This is a page with a unique template register.json

\n

\"register

\n

This template is used by default for the Register page. You don’t need to add anything for this template to be displayed.

\n

\n

You can use the section “Register template” to configure the appearance and additional settings of the page.

\n

\n

\n","blockTitle":"Register","fieldGroupName":"manual_category_blocks","hash":"pages-register"},{"blockContent":"

This is a page with a unique template activate.json

\n

\"activate

\n

This template is used by default for the Activate account page. You don’t need to add anything for this template to be displayed.

\n

\n

You can use the section “Activate template” to configure the appearance and additional settings of the page.

\n

\n

\n","blockTitle":"Activate","fieldGroupName":"manual_category_blocks","hash":"pages-activate"},{"blockContent":"

This is a page with a unique template reset.json

\n

\"reset

\n

This template is used by default for the Reset account page. You don’t need to add anything for this template to be displayed.

\n

\n

You can use the section “Reset template” to configure the appearance and additional settings of the page.

\n

\n","blockTitle":"Reset","fieldGroupName":"manual_category_blocks","hash":"pages-reset"},{"blockContent":"

This is a page with a unique template order.json

\n

\"order

\n

This template is used by default for the Order page. You don’t need to add anything for this template to be displayed.

\n

\"Order

\n

\n

You can use the section “Order template” to configure the appearance and additional settings of the page.

\n

\n","blockTitle":"Order","fieldGroupName":"manual_category_blocks","hash":"pages-order"},{"blockContent":"

This is a page with a unique template account.json

\n

\"account

\n

This template is used by default for the Account page. You don’t need to add anything for this template to be displayed.

\n

You can use the section “Account template” to configure the appearance and additional settings of the page.

\n","blockTitle":"Account","fieldGroupName":"manual_category_blocks","hash":"pages-account"},{"blockContent":"

This is a page with a unique template addresses.json

\n

\n

\"addresses

\n

This template is used by default for the Addresses page. You don’t need to add anything for this template to be displayed.

\n

\n

You can use the section “Addresses template” to configure the appearance and additional settings of the page.

\n

\n","blockTitle":"Addresses","fieldGroupName":"manual_category_blocks","hash":"pages-addresses"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"Sections & Snippets","manualCategoryBlocks":[{"blockContent":"

\"announcement\"announcement\"announcement\"announcement\"announcement

\n

Adding a section

\n

\n

\"progress

\n

The section is static, it is added initially and cannot be removed. This is done so that the Announcement bar in the DOM is higher than the Header.

\n

Section settings

\n

General

\n

\n

\"announcement

\n
    \n
  1. Layout – the setting is responsible for choosing the type of display. There are three options to choose from:\n\n
    2. \n
  2. Show close button – the setting is responsible for displaying a cross to hide the announcement bar;
    3. \n
  3. Background image – the setting allows you to add a background image;
    4. \n
  4. Background image type – the setting allows you to select the type of background image display:\n\n
    5. \n
  5. Phone number – the setting is responsible for displaying phone number;
    6. \n
  6. Email address – the setting is responsible for displaying email address;
    7. \n
\n

Slideshow

\n

If you want to display a carousel in the announcement bar, please add blocks to the section.

\n

\"slideshow\"

\n
    \n
  1. Enable autoplay – enable autoplay for the carousel;
    2. \n
  2. Autoplay speed – change the autoplay speed of the carousel.
    3. \n
\n

Simple text

\n

\"simple

\n
    \n
  1. Text desktop – text content for the Desktop;
    2. \n
  2. Text mobile – text content for the Mobile. If the content is empty, the content will be taken from the Desktop version.
    3. \n
\n

\n

\n

Countdown timer

\n

\"\"

\n
    \n
  1. Text desktop – the setting allows you to set the text content for Desktop;
    2. \n
  2. Text mobile – the setting allows you to set the text content for Mobile. If the content is empty, the content will be taken from the Desktop version.
    3. \n
  3. Year – the setting allows you to set the years until the end of the countdown;
    4. \n
  4. Month – the setting allows you to set the months until the end of the countdown;
    5. \n
  5. Day – the setting allows you to set the days until the end of the countdown;
    6. \n
  6. Hour – the setting allows you to set the hours until the end of the countdown;
    7. \n
  7. Timezone – the setting allows you to set the Timezone of the countdown;
    8. \n
  8. Button label – the setting allows you to set the button label;
    9. \n
  9. Button link – the setting allows you to set the button link;
    10. \n
  10. Timer icon – the setting allows you to set an icon for the timer;
    11. \n
\n

Ticker

\n

\n

\"announcement

\n
    \n
  1. Bullet icon – the setting allows you to set an icon for the bullets;
    2. \n
  2. Text – the setting allows you to set the text of the ticker;
    3. \n
  3. Movement speed (desktop) – the setting allows you to set the ticker animation speed on the desktop;
    4. \n
  4. Movement speed (mobile) – the setting allows you to set the ticker animation speed on the mobile.
    5. \n
\n

Menu

\n

\"announcement

\n
    \n
  1. Text desktop – the setting allows you to set the text content for Desktop;
    2. \n
  2. Text mobile – the setting allows you to set the text content for Mobile. If the content is empty, the content will be taken from the Desktop version;
    3. \n
  3. Additional menu – the setting is responsible for displaying links;
    4. \n
  4. Show socials – the setting allows you to enable or disable the showing of the social account in the bar;
    5. \n
  5. Hide menu on mobile – the setting allows you to hide the menu on mobile;
    6. \n
\n

\n

\n

Colors

\n

\n

\"announcement

\n
    \n
  1. Background – the setting allows you to set the section background color;
    2. \n
  2. Text – the setting allows you to set the text color;
    3. \n
  3. Link – the setting allows you to set the link color;
    4. \n
  4. Timer text – the setting allows you to set the text color for the timer;
    5. \n
  5. Timer numbers – the setting allows you to set the color for the number in the timer;
    6. \n
  6. Timer button label – the setting allows you to set the button label color;
    7. \n
  7. Timer button background – the setting allows you to set the button background color;
    8. \n
  8. Timer button label (hover) – the setting allows you to set the button label color on hover;
    9. \n
  9. Timer button background (hover) – the setting allows you to set the button background color on hover;
    10. \n
\n

Block settings

\n

Block Text slide

\n

You can add a block Text slide to the section. If multiple blocks are added, then a carousel will be shown.

\n

The content of the carousel slides can be Simple text or a Countdown timer.

\n

The settings for the Simple text and the Countdown timer are the same as in the general section settings.

\n

\n

\"announcement

\n

Additional Information

\n
    \n
  1. When closing the Announcement bar, it is hidden and will be shown only if you close the tabs and open the store again.
    2. \n
  2. The closing data is added to the Session Storage with the name – showAnnouncementBar.
    3. \n
  3. If you set an incorrect date, the timer will not start and will remain with zero values.
    4. \n
  4. When the timer expires, zero values remain.
    5. \n
\n

\n

\n

\n","blockTitle":"Announcement bar","fieldGroupName":"manual_category_blocks","hash":"section-announcement-bar"},{"blockContent":"

\"\"

\n

\"header

\n

Adding a Section

\n

\n

\"Adding

\n

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

\n

General settings

\n

\n

\"predictive

\n

Section settings

\n

General

\n

\n

\"general

\n
    \n
  1. Type – the setting allows you to set the header type, 3 options are presented:
    \n• Static
    \n
    \n• Sticky
    \n
    \n• Sticky (hide on scroll down)

    \n

    \n

    2. \n
  2. Show language selector – when enabled in the main and mobile menu, a language selector is added;
    3. \n
  3. Show country/region selector – the checkbox is responsible for enabling/disabling change of the country (currency). To manage, go to settings → payments;
    4. \n
  4. Show full country name – the checkbox is responsible to show full/short country name in the “Country” selector.
    5. \n
\n

Logo

\n

\"header

\n
    \n
  1. Image – the setting allows you to set the logo image, if not specified, the text name of the store will be displayed;
    2. \n
  2. Logo width – range with which you can specify the width of the logo from 20px to 200px on the Desktop. On the mobile, if there is not enough space, the logo will automatically shrink.
    3. \n
\n

Menu

\n

\n

\"header

\n
    \n
  1. Main menu – the setting allows you to set a menu that will be used for both Desktop and Mobile;
    \n\"main
    \n\"header
    2. \n
  2. Type – the setting allows you to set a nested menu type selector for Desktop:\n\n
    3. \n
  3. Open by – the setting allows you to set the submenu opening selection selector on Desktop: By hover, By click.
    4. \n
  4. Make 1st-level menu clickable – the setting allows you to make 1st-level menu clickable. Only works with open on hover for desktop, if the menu item has a link.
    5. \n
\n

Burger menu

\n

\n

\n

\"header

\n
    \n
  1. Enable – setting allows you to enable the burger menu.
    2. \n
  2. Menu – the setting allows you to set a menu for the burger menu.
    3. \n
\n

\n

\n

\n

\n

\n

Colors

\n

\n

\"header

\n
    \n
  1. Background gradient – the setting allows you to set the header gradient background.
    2. \n
\n

MAIN MENU

\n

\n

\"header

\n
    \n
  1. Background – the setting allows you to set the background for the main menu;
    2. \n
  2. Text – the setting allows you to set text color for the main menu;
    3. \n
  3. Text (active) – the setting allows you to set the text color in the active state for the main menu;
    4. \n
  4. Text background (active) – the setting allows you to set the text background color in the active state for the main menu.
    5. \n
\n

\n

DROPDOWN

\n

\n

\"header

\n
    \n
  1. Background – the setting allows you to set the background for the dropdown menu;
    2. \n
  2. Text – the setting allows you to set text color for the dropdown menu;
    3. \n
  3. Text background (active) – the setting allows you to set the text background color in the active state (hover/active) for the dropdown menu.
    4. \n
\n

\n

MENU

\n

\n

\"header

\n
    \n
  1. Background – the setting allows you to set the background for the menu;
    2. \n
  2. Text – the setting allows you to set text color for the menu;
    3. \n
  3. Text background (active) – the setting allows you to set the text background color in the active state (hover/active) for the menu.
    4. \n
\n

\n

CART COUNT

\n

\n

\"header

\n
    \n
  1. Cart count text – the setting allows you to set the color for the text of the number of items in the cart;
    2. \n
  2. Cart count background – the setting allows you to set the color for the background of the number of items in the cart.
    3. \n
\n

\n

ICON

\n

\n

\"header

\n
    \n
  1. Icon – the setting allows you to set icon color for the header;
    2. \n
  2. Icon (hover) – the setting allows you to set icon color in the hover state for the header.
    3. \n
\n

\n

BUTTON ICON

\n

\n

\"header

\n
    \n
  1. Icon – the setting allows you to set icon color of the button for the header;
    2. \n
  2. Background – the setting allows you to set background color of the button for the header;
    3. \n
  3. Border– the setting allows you to set border color of the button for the header;
    4. \n
  4. Border outer – the setting allows you to set outer border color of the button for the header;
    5. \n
  5. Icon (hover) – the setting allows you to set icon color of the button in the hover state for the header;
    6. \n
  6. Background (hover) – the setting allows you to set background color of the button in the hover state for the header;
    7. \n
  7. Border (hover)– the setting allows you to set border color of the button in the hover state for the header;
    8. \n
  8. Border outer (hover) – the setting allows you to set outer border color of the button in the hover state for the header.
    9. \n
\n

\n

BUTTON CIRCLE

\n

\n

\"header

\n
    \n
  1. Icon – the setting allows you to set icon color of the button for the header;
    2. \n
  2. Background – the setting allows you to set background color of the button for the header;
    3. \n
  3. Border– the setting allows you to set border color of the button for the header;
    4. \n
  4. Border outer – the setting allows you to set outer border color of the button for the header;
    5. \n
  5. Icon (hover) – the setting allows you to set icon color of the button in the hover state for the header;
    6. \n
  6. Background (hover) – the setting allows you to set background color of the button in the hover state for the header;
    7. \n
  7. Border (hover)– the setting allows you to set border color of the button in the hover state for the header;
    8. \n
  8. Border outer (hover) – the setting allows you to set outer border color of the button in the hover state for the header.
    9. \n
\n

\n

LOCALIZATION FORM

\n

\n

\"header

\n
    \n
  1. Localization form background – the setting allows you to set the background color of the localization form for the header;
    2. \n
  2. Localization form text – the setting allows you to set the text color of the localization form for the header;
    3. \n
  3. Localization form border – the setting allows you to set the border color of the localization form for the header.
    4. \n
\n

\n

PRODUCT CARD

\n

\n

\"header

\n
    \n
  1. Price – the setting allows you to set the price color of the product card for the header;
    2. \n
  2. Sale price – the setting allows you to set the sale price color of the product card for the header;
    3. \n
  3. Regular price – the setting allows you to set the regular price color of the product card for the header.
    4. \n
\n

\n

Blocks settings

\n

\n

Block Mega menu

\n

\n

\"header

\n

\n

General

\n

\"header

\n
    \n
  1. Link name – in this field, you must specify the name of the first-level link to which the mega menu should be added. Mega Menu will be displayed if the main menu contains a nested level.
    2. \n
\n

Banner

\n

\n

\"header

\n
    \n
  1. Background – the setting allows you to set the background color of the banner;
    2. \n
  2. Background ellipse – the setting allows you to set the ellipse background color of the banner;
    3. \n
  3. Border – the setting allows you to set the border color of the banner;
    4. \n
  4. Back image – the setting allows you to set the back image of the banner;
    5. \n
  5. Back image object-fit – the setting allows you to set the back image object fit of the banner;
    6. \n
  6. Main image – the setting allows you to set the main image of the banner;
    7. \n
  7. Main image object-fit – the setting allows you to set the main image object fit of the banner;
    8. \n
  8. Button label – the setting allows you to set the button label of the banner;
    9. \n
  9. Button link – the setting allows you to set the button link of the banner**.**
    10. \n
\n

\n

Block Mega menu products grid

\n

\n

\n

\"header

\n

\n

General

\n

\"header

\n
    \n
  1. Link name – in this field, you must specify the name of the first-level link to which the mega menu should be added. Mega Menu will be displayed if the main menu contains a nested level;
    2. \n
  2. Products – the setting allows you to set the products. The limit of products is 8.
    3. \n
\n

Block Mega menu media

\n

\"header

\n

\"header

\n

\n

\n

General

\n

\n

\"header

\n
    \n
  1. Link name – in this field, you must specify the name of the first-level link to which the mega menu should be added.
    2. \n
\n

\n

Media item (1-5)

\n

\n

\"header

\n
    \n
  1. Image – the setting allows you to specify the image of the media item;
    2. \n
  2. Heading – the setting allows you to specify the heading of the media item;
    3. \n
  3. Text – the setting allows you to specify the text of the media item;
    4. \n
  4. Button label – the setting allows you to set the button label of the media item;
    5. \n
  5. Button link – the setting allows you to set the button link of the media item;
    6. \n
  6. Product – the setting allows you to set the product of the media item. The product has a higher priority than the picture.
    7. \n
\n

\n

Media item colors

\n

\n

\"header

\n
    \n
  1. Text – the setting allows you to specify the text color of the media item;
    2. \n
  2. Overlay – the setting allows you to specify the overlay color of the media item;
    3. \n
\n

\n

Additional info

\n

In the burger menu, you can display an icon at the first level items.

\n

\n

\"header

\n

\"header

\n

If a collection object is set in the link, the image of the first product in the collection will be displayed.

\n

If a product object is set in the link, the product image will be displayed.

\n

To display an icon from a metafield, you must create a metafield.

\n

For example, this can be done for a reference to a collection or for another object.

\n

\n

\"header

\n

You must create a metafield with the following parameters:

\n\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n","blockTitle":"Header","fieldGroupName":"manual_category_blocks","hash":"section-header"},{"blockContent":"

\"Cart

\n

Adding a Section

\n

\n

\"adding

\n

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

\n

Section settings

\n

Cart settings

\n

\n

\"cart

\n
    \n
  1. Heading – the setting allows you to set the section title.;
    2. \n
  2. Order summary heading – the setting allows you to set title for the “Order summary” block;
    3. \n
  3. Show payment icons – the setting allows you to show payment icons;
    4. \n
  4. Payment icons heading – the setting allows you to set title for the payment icons block;
    5. \n
\n

Colors

\n

\"cart

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

Layout

\n

\n

\"cart

\n

\"cart

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
  11. \n
\n

Blocks settings

\n

Block Shipping bar

\n

\n

\"Cart

\n

\"cart

\n
    \n
  1. Free shipping amount – the setting allows you to set the desired goal to be achieved by the user;
    2. \n
  2. Shipping message – the setting allows you to set a message displayed near the progress bar. {amout} will be replaced with the missing amount;
    3. \n
  3. Shipping congratulatory message – the setting allows you to set a message to be displayed instead of the progress bar.
    4. \n
  4. Background – the setting allows you to set the background color for the block;
    5. \n
  5. Text – ****the setting allows you to set the text color for the progress bar.
    6. \n
  6. Amount text – the setting allows you to set the color of the amount text;
    7. \n
  7. Amount background – the setting allows you to set the background color for the amount element;
    8. \n
  8. Progress bar background color – the setting allows you to set the progress bar background;
    9. \n
  9. Progress bar fiil color– the setting allows you to set the progress bar fill background;
    10. \n
\n

\n

Block Custom liquid

\n

\n

\"custom

\n
    \n
  1. Custom liquid – setting allows you to add your liquid code.
    2. \n
\n

You can learn more about liquid here – https://shopify.dev/api/liquid.

\n

Block @app

\n

Only one block type is available for a section – @app. This block is for apps that need to be integrated into the shopping cart.

\n

\n","blockTitle":"Cart template","fieldGroupName":"manual_category_blocks","hash":"section-cart-template"},{"blockContent":"

\"cart

\n

Adding a Section

\n

\"Adding

\n

The section is static, it is added initially and cannot be deleted. The section will be added if the Drawer type is selected in the Cart global settings.

\n

Section settings

\n

\"cart

\n
    \n
  1. Heading – the setting allows you to set the text for the section title. By default, it is taken from translations;
    2. \n
  2. Show items count in the cart – the setting is responsible for displaying the number of products in the cart;
    3. \n
\n

\n

Upsell settings

\n

\"upsell

\n
    \n
  1. Upsell heading – the setting allows you to set a title for a popup with upsell products.
    2. \n
\n

Colors

\n

\n

\"cart

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

Blocks settings

\n

\n

Blocks are introduced to provide dynamic content in the cart. Blocks can also be swapped to get different combinations. Usually, this feature is not available in other themes.

\n

\n

Block Items

\n

Block limit – 1

\n

The block is responsible for displaying the products in the cart. The block has no settings.

\n

Block Upsell

\n

\n

\"cart

\n

The block is responsible for displaying upsell products in the cart.

\n
    \n
  1. Heading – the setting allows you to set the text for the block title;
    2. \n
  2. Products – the setting allows you to select products that act as upsells. Limit – 12 products.
    3. \n
\n

\n

Block shipping bar

\n

Block limit – 1

\n

\"block

\n

\n

\n

\n

Block is responsible for displaying the Shipping bar.

\n
    \n
  1. Free shipping amount – the setting allows you to set the desired goal to be achieved by the user;
    2. \n
  2. Shipping message – the setting allows you to set a message displayed near the progress bar. {amout} will be replaced with the missing amount;
    3. \n
  3. Shipping congratulatory message – the setting allows you to set a message to be displayed instead of the progress bar.
    4. \n
  4. Background – the setting allows you to set the background color for the block;
    5. \n
  5. Text – the setting allows you to set the text color for the progress bar.
    6. \n
  6. Amount text – the setting allows you to set the color of the amount text;
    7. \n
  7. Amount background – the setting allows you to set the background color for the amount element;
    8. \n
  8. Progress bar background color – the setting allows you to set the progress bar background;
    9. \n
  9. Progress bar fiil color– the setting allows you to set the progress bar fill background;
    10. \n
\n

\n

\n

\n

\n

\n","blockTitle":"Cart drawer ","fieldGroupName":"manual_category_blocks","hash":"section-cart-drawer"},{"blockContent":"

\"footer

\n

\"footer

\n

Adding a section

\n

\n

\"Adding

\n

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

\n

Section settings

\n

Country/Region selector

\n

\n

\"Footer

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

\n

Language selector

\n

\n

\"Language

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

\n

COPYRIGHT

\n

\n

\"Footer

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

\n

SOCIAL LINKS

\n

\n

\"Footer

\n
    \n
  1. Show social links – the setting allows you to show/hide links to social networks.
    2. \n
\n

\n

Follow on shop

\n

\n

\"Footer

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

\n

Colors

\n

\n

\"footer

\n
    \n
  1. Section background – the setting allows you to set the background color;
    2. \n
  2. Section gradient – the setting allows you to set the background gradient color;
    3. \n
  3. Heading – the setting allows you to set the color for headings;
    4. \n
  4. Link – the setting allows you to set the color for links;
    5. \n
  5. Link (hover) – the setting allows you to set the color for links on hover;
    6. \n
  6. Big text – the setting allows you to set the color for the big text;
    7. \n
  7. Copyright text – the setting allows you to set the color for text inside copyright;
    8. \n
  8. Social icon color – the setting allows you to set the ****color for the social links icon;
    9. \n
  9. Social icon color (hover) – the setting allows you to set the ****color for the social links icon on hover;
    10. \n
  10. Localization form background – the setting allows you to set the background color of the localization form;
    11. \n
  11. Localization form text – the setting allows you to set the text color of the localization form;
    12. \n
  12. Localization form border – the setting allows you to set the border color of the localization form.
    13. \n
\n

\n

Blocks settings

\n

\n

Block “Menu”

\n

Block limit – 2

\n

\n

\"footer

\n
    \n
  1. Heading – the setting allows you to set the text field to Heading;
    2. \n
  2. Menu – the setting allows you to set the menu. Only the first level of links will be displayed.
    3. \n
\n

\n

Block “Additional menu”

\n

Block limit – 1

\n

\n

\"footer

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

\n

Block “Big text”

\n

Block limit – 1

\n

\n

\"footer

\n
    \n
  1. Big text first part – the setting allows you to set the text content for the first part;
    2. \n
  2. Big text logo first part – the setting allows you to set the logo for the first part;
    3. \n
  3. Big text second part – the setting allows you to set the text content for the second part;
    4. \n
  4. Big text logo second part – the setting allows you to set the logo for the second part;
    5. \n
  5. Movement speed (desktop) – the setting allows you to set the speed of the ticker for the desktop;
    6. \n
  6. Movement speed (mobile) – the setting allows you to set the speed of the ticker for the mobile.
    7. \n
\n

\n

\n

\n

\n

\n

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

\"Banner

\n

\"banner\"

\n

With this section, you can show a banner with text content, a countdown timer, and media content (image, HTML5 video, YouTube/Vimeo)

\n

Adding a Section

\n

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

\n

Section settings

\n

Colors

\n

\n

\"Banner

\n
    \n
  1. Section background – the setting allows you to specify the background color;
    2. \n
  2. Text content background – the setting allows you to specify the text content background color;
    3. \n
  3. Enable glass effect – the setting allows you to enable a glass effect for the content;
    4. \n
  4. Text – the setting allows you to specify the text color;
    5. \n
  5. Link – ****the setting allows you to specify the link color;
    6. \n
  6. Button background – the setting allows you to specify the button background color;
    7. \n
  7. Button label – the setting allows you to specify the button label color;
    8. \n
  8. Button border – the setting allows you to specify the button border color;
    9. \n
  9. Button border outer – the setting allows you to specify the button border outer color;
    10. \n
  10. Button background (hover) – the setting allows you to specify the button background color on hover;
    11. \n
  11. Button label (hover) – the setting allows you to specify the button text color on hover;
    12. \n
  12. Button border (hover) – the setting allows you to specify the button border color on hover;
    13. \n
  13. Button border outer (hover) – the setting allows you to specify the button border color on hover;
    14. \n
  14. Overlay – the setting allows you to specify the overlay color for media content;
    15. \n
\n

\n

Layout

\n

\n

\"Banner

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
\n

\n

Blocks settings

\n

Block limit – 1

\n

The section contains two different types of blocks (banner option): Full width, and Two columns.

\n

Block Full width

\n

General

\n

\n

\"Banner

\n

\"Banner

\n
    \n
  1. Desktop banner min height – the setting allows you to specify a minimum height for the banner on the desktop;
    2. \n
  2. Mobile banner min height – the setting allows you to specify a minimum height for the banner on the mobile;
    3. \n
  3. Media type – the selector for selecting the type of media content to be displayed. Available types are:\n\n
    4. \n
  4. Heading (first line) – the setting allows you to specify the first line Heading text;
    5. \n
  5. Heading (second line) – the setting allows you to specify the second line Heading text;
    6. \n
  6. Text – the setting allows you to specify the Text content;
    7. \n
  7. Button label – the setting allows you to specify the label content of the button;
    8. \n
  8. Button link – the setting allows you to specify the URL field for the button;
    9. \n
  9. Button aria-label – the setting allows you to specify the field for aria-label, this field is needed to improve accessibility, and people using screen readers will hear the purpose of this button;
    10. \n
  10. Image desktop – the setting allows you to specify the picture displayed on the Desktop;
    11. \n
  11. Image mobile – the setting allows you to specify the picture displayed on the Mobile;
    12. \n
\n

Countdown timer

\n

\n

\"Banner

\n
    \n
  1. Enable – the setting allows you to enable countdown timer
    2. \n
  2. Year – the setting allows you to specify the year until the end of the countdown;
    3. \n
  3. Month – the setting allows you to specify the month until the end of the countdown;
    4. \n
  4. Day – the setting allows you to specify the day until the end of the countdown;
    5. \n
  5. Hour – the setting allows you to specify the hour until the end of the countdown;
    6. \n
  6. Timezone – the setting allows you to specify the Timezone;
    7. \n
\n

Video

\n

\n

\"Banner

\n
    \n
  1. HTML5 Desktop Video – the setting allows you to specify an HTML5 Video displayed on the Desktop;
    2. \n
  2. HTML5 Mobile Video – the setting allows you to specify an HTML5 Video displayed on the Mobile;
    3. \n
  3. Youtube/Vimeo Desktop Video Url – the setting allows you to add a link to Youtube or Vimeo video displayed on the Desktop;
    4. \n
  4. Youtube/Vimeo Mobile Video Url – the setting allows you to add a link to Youtube or Vimeo video displayed on the Mobile.
    5. \n
\n

\n

Alignment

\n

\n

\"Banner

\n
    \n
  1. Content alignment – content position selector within the block. Text can have 3 positions:\n\n
    2. \n
  2. Content alignment mobile – content position selector within the block on mobile. Text can have 3 positions:\n\n
    3. \n
  3. Block alignment – block position selector. A block can have 3 positions:\n\n
    4. \n
\n

\n

Block Two columns

\n

General

\n

\n

\"Banner

\n
    \n
  1. Desktop banner min height – the setting allows you to specify a minimum height for the banner on the desktop;
    2. \n
  2. Mobile banner min height – the setting allows you to specify a minimum height for the banner on the mobile;
    3. \n
  3. Media type – the setting allows you to select the type of media content to be displayed. Available types are:\n\n
    4. \n
  4. Media content position – the setting allows you to specify image position. There are two options:\n\n
    5. \n
  5. Heading (first line) – the setting allows you to specify the first line Heading text;
    6. \n
  6. Heading (second line) – the setting allows you to specify the second line Heading text;
    7. \n
  7. Text – the setting allows you to specify the Text content;
    8. \n
  8. Button label – the setting allows you to specify the label content of the button;
    9. \n
  9. Button link – the setting allows you to specify the URL field for the button;
    10. \n
  10. Button aria-label – the setting allows you to specify the field for aria-label, this field is needed to improve accessibility, and people using screen readers will hear the purpose of this button;
    11. \n
  11. Ellise color – the setting allows you to specify the color of ellipse in the left-bottom and top-right corner of the section;
    12. \n
  12. Image desktop – the setting allows you to specify the picture displayed on the Desktop;
    13. \n
  13. Image mobile – the setting allows you to specify the picture displayed on the Mobile;
    14. \n
\n

\n

Image main

\n

\n

\"Banner

\n
    \n
  1. Image desktop – the setting allows you to specify the main picture displayed on the Desktop;
    2. \n
  2. Image mobile – the setting allows you to specify the main picture displayed on the Mobile;
    3. \n
  3. Object fit – the setting allows you to specify how the image should be resized to fit its container;
    4. \n
\n

\n

Image secondary

\n

\n

\"Banner

\n
    \n
  1. Image desktop – the setting allows you to specify the secondary picture displayed on the Desktop;
    2. \n
  2. Image mobile – the setting allows you to specify the secondary picture displayed on the Mobile;
    3. \n
  3. Object fit – the setting allows you to specify how the image should be resized to fit its container;
    4. \n
\n

\n

Image decor

\n

\n

\"Banner

\n
    \n
  1. Image – the setting allows you to specify the decor picture;
    2. \n
\n

\n

Countdown timer

\n

\n

\"Banner

\n
    \n
  1. Enable – the setting allows you to enable countdown timer
    2. \n
  2. Year – the setting allows you to specify the year until the end of the countdown;
    3. \n
  3. Month – the setting allows you to specify the month until the end of the countdown;
    4. \n
  4. Day – the setting allows you to specify the day until the end of the countdown;
    5. \n
  5. Hour – the setting allows you to specify the hour until the end of the countdown;
    6. \n
  6. Timezone – the setting allows you to specify the Timezone;
    7. \n
\n

\n

Video

\n

\n

\"Banner

\n
    \n
  1. HTML5 Desktop Video – the setting allows you to specify an HTML5 Video displayed on the Desktop;
    2. \n
  2. HTML5 Mobile Video – the setting allows you to specify an HTML5 Video displayed on the Mobile;
    3. \n
  3. Youtube/Vimeo Desktop Video Url – the setting allows you to add a link to Youtube or Vimeo video displayed on the Desktop;
    4. \n
  4. Youtube/Vimeo Mobile Video Url – the setting allows you to add a link to Youtube or Vimeo video displayed on the Mobile.
    5. \n
\n

\n

Alignment

\n

\n

\"Banner

\n
    \n
  1. Content alignment – content position selector within the block. Text can have 3 positions:\n\n
    2. \n
  2. Content alignment mobile – content position selector within the block on mobile. Text can have 3 positions:\n\n
    3. \n
\n

\n

Trick (Unique Collection Banner)

\n

Create collection metafields

\n

Go to Settings → Custom Data

\n

\n

\"Custom

\n

\"Custom

\n

Go to ‘Collections’

\n

\"Custom

\n

You can add a new custom field with ‘Add definition’

\n

\n

\n

\"Custom

\n

Add these custom fields if you need them to be unique for each collection

\n\n

\"Custom

\n\n

\n

\"Custom

\n\n

\n

\"Custom

\n\n

\n

\"Custom

\n\n

\n

\"Custom

\n

Fill collection metafields

\n
    \n
  1. Go to products → collections
    \n\"Custom
    \n
    2. \n
  2. Select Collection
    \n\"Custom
    \n
    3. \n
  3. Fill metafields
    \n\"Custom
    \n
    4. \n
\n

Use metafields in the customizer

\n
    \n
  1. Go to Customize → Collection → Default collection
    \n\"Custom
    \n
    2. \n
  2. Add the ‘Banner’ section
    3. \n
  3. Click on ‘Insert dynamic source’ near the field you want to be unique for each collection
    \n\"Custom
    4. \n
  4. Select the correct metafield for each field
    \n\"Custom
    5. \n
\n

Note: You can make unique content by creating metafields and using it as custom data to customize whatever you want. You are not limited to the fields shown in the manual

\n

\n

Additional Information

\n
    \n
  1. When choosing a media type, you must fill in the appropriate setting, for example, if you have selected the Image type, then below you will find the setting for uploading images;
    2. \n
  2. The video starts in a looped mode when the user has scrolled into it;
    3. \n
  3. If you set an incorrect date for the timer, the timer will not start and zero values will be displayed;
    4. \n
  4. When the timer expires, zero values will be shown.
    5. \n
\n

\n

\n

\n

\n

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

\"Cards

\n

\"Cards

\n

Adding a section

\n

\n

\"Cards

\n

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

\n

\n

Section settings

\n

General

\n

\n

\"Cards

\n
    \n
  1. Heading (first line) – the setting allows you to set the first line heading of the section;
    2. \n
  2. Heading (second line) – the setting allows you to set the second line heading of the section;
    3. \n
  3. Text – the setting allows you to set the text description of the section;
    4. \n
  4. Cards per row – the setting allows you to set a number of cards per row on a desktop. You can show 4 or 5 cards per row. On mobile, the display of cards will automatically change;
    5. \n
\n

\n

Colors

\n

\n

\"Cards

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled);
    3. \n
  3. Overlay background – setting allows you to set the background color of the overlay;
    4. \n
  4. Text color – setting allows you to set the text color of the overlay.
    5. \n
\n

Layout

\n

\n

\"Cards

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

\n

Blocks settings

\n

\n

\"Cards

\n
    \n
  1. Heading – the setting allows you to set the title of the block;
    2. \n
  2. Text – the setting allows you to set the text of the block;
    3. \n
  3. Link text – the setting allows you to set the text of the link for the block;
    4. \n
  4. Link URL – the setting allows you to set the link for the block;
    5. \n
  5. Image – the setting allows you to set the image for the block.
    6. \n
\n

\n","blockTitle":"Cards grid","fieldGroupName":"manual_category_blocks","hash":"section-cards-grid"},{"blockContent":"

\"Collection

\n

\"Collection

\n

\"Collection

\n

In this section (based on the Collection page) customers can see products from the collection. Customers can use filters to show the products they are looking for.

\n

Adding a Section

\n

\n

\"adding

\n

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

\n

Section settings

\n

General

\n

\n

\"Collection

\n
    \n
  1. Show collection image – the setting is responsible for displaying the image of the collection;
    2. \n
  2. Show collection description – the setting is responsible for displaying the description of the collection;
    3. \n
  3. Custom image – the setting allows you to set custom image for the banner;
    4. \n
  4. Heading and description position – the setting is responsible for changing the collection title, and description position. Can be under the image or inside the image;
    5. \n
  5. Show grid buttons – the setting is responsible for showing buttons that allow customers to change product grid view (3 or 4 on the desktop, 1 or 2 on the mobile);
    6. \n
  6. Show color swatch in filters– the setting allows you to set, if checked, the filter group with name, specified in the Theme settings / Product / Swatch option (“Color” by default) will show a checkbox like color swatch;
    \n\"Collection
    7. \n
  7. Filters type – the setting allows selecting view of filters: “Drawer” or “Sidebar”. Setting works only for desktop resolution. On the mobile filters will be always in the “Drawer” view;
    8. \n
  8. Paginate by – the setting is responsible for displaying a certain number of cards per page. The minimum number is 12, the maximum number is 50;
    9. \n
  9. Pagination type – the setting is responsible for the type of loading product cards. Can be “Pagination”, “Load more”, or “Infinity scrolling”;
    10. \n
\n

Colors

\n

\n

\"Collection

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
  3. Banner overlay – the setting is responsible for selecting an overlay color for the collection image;
    4. \n
  4. Banner text – the setting is responsible for selecting a text color when the collection title and description are placed inside the image.
    5. \n
\n

Layout

\n

\n

\"Collection

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Collection
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Additional information

\n

Shopify Filtering Tutorial: https://help.shopify.com/en/manual/online-store/themes/customizing-themes/storefront-filters

\n

\n

\n

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

\"Product

\n

To show colored background gradient and ellipse on the active slide image, you need to create a new product metafield:

\n

Name – Main background color;

\n

Namespace and key: custom.main_background_color

\n

\"Product

\n

Go to the product page in the admin panel and select a color:

\n

\n

\"Product

\n

\n

Adding a section

\n

\n

\"products

\n

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

\n

Section settings

\n

Media

\n

\n

\"Product

\n
    \n
  1. Enable zoom – the setting allows you to enable the Zoom function that appears when you click on the image;
    2. \n
  2. Media layout – the setting allows you to choose the appearance of the product image gallery:\n\n
    3. \n
  3. Media height – the setting allows you to select the size of the image. Has several options: Full size, Square;
    4. \n
  4. Image object fit – the setting allows you to select object fit variation for main media slider;
    5. \n
  5. Enable media scroll for stacked layout – the setting allows you to enable scroll to variant image when changing product options for the stacked layout.
    6. \n
  6. Enable sticky scrollbar – the setting allows you to enable the scroll bar to be fixed in the product area (works only for desktop).
    7. \n
  7. Enable blurred background for the sticky scrollbar – the setting allows you to enable background blur for the sticky scroll bar.
    8. \n
  8. Decor image first – the setting allows you to show a decor image;
    \n\"PDP
    9. \n
  9. Decor image second – the setting allows you to show a decor image;
    10. \n
\n

General

\n

\n

\"PDP

\n
    \n
  1. Show message of taxes included – if taxes are included in the price of the product in the store, then this parameter will control the visibility of the corresponding message;
    2. \n
  2. Show pay installments – if the store has the right to sell by installments and this feature is enabled in the store settings, then this parameter will control the visibility of the installment block;
    3. \n
\n

Size guide

\n

\n

\"PDP

\n

Allows you to show a size guide button. The content for the size guide can be unique for each product based on the metafields.

\n
    \n
  1. Show size guide – the setting is responsible for showing/hiding the popup and the button for opening the popup;
    2. \n
  2. Button icon – the setting allows you to set the icon of the size guide button;
    3. \n
  3. Popup heading – the setting allows you to set the title of the size guide popup;
    4. \n
  4. General tab label – the setting allows you to set the text for the size guide general tab;
    \n\"PDP
    5. \n
  5. Model tab label – the setting allows you to set the text for the size guide model tab;
    \n\"PDP
    6. \n
\n

To show the size guide:

\n\n

\"metafield\"

\n\n

\n

\"size

\n\n

\"page\"

\n

In the Size guide popup you can add information about the product model information:

\n

Follow the steps:

\n
    \n
  1. Create product metafield with Name: “Size guide model image”, Namespace and key: custom.size_guide_model_image. Content type must be a file (images only).\"metafield\"
    2. \n
  2. Create product metafield with Name: “Size guide model info”, Namespace and key: custom.size_guide_model_info. Content type must be Multi-line text.\"metafield
    3. \n
  3. Go to the product in the admin and add values to these metafields. You can set both or one of these fields to see tabs in the size guide popup.\"metafield
    4. \n
  4. Now when you open the Size guide popup on the product you will see tabs with the default size guide and size guide for the product model.
    5. \n
\n

Product complementary

\n

\n

\"Product

\n

\"Product

\n
    \n
  1. Enable – the setting allows you to display complementary products;
    2. \n
  2. Heading – the setting allows you to set title for the complementary block;
    3. \n
\n

\n

Colors

\n

\n

\"PDP

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – the setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled);
    3. \n
  3. UI button color – the setting allows you to set the UI button’s color (zoom button, video, 3d-model play buttons)
    4. \n
  4. UI button background color – the setting allows you to set the UI button’s background color (zoom button, video, 3d-model play buttons);
    5. \n
  5. UI buttom border color – the setting allows you to set the UI button’s border color (zoom button, video, 3d-model play buttons);
    6. \n
\n

\n

Layout

\n

\n

\"PDP

\n
    \n
  1. Desktop offset top – the top indent of the section on the desktop;
    2. \n
  2. Desktop offset bottom – the bottom indent of the section on the desktop;
    3. \n
  3. Mobile offset top – the top indent of the section on the mobile;
    4. \n
  4. Mobile offset bottom – the bottom indent of the section on the mobile.
    5. \n
\n

Blocks settings

\n

Block Badges

\n

\"PDP

\n
    \n
  1. The block displays tags added to the product according to the template – label__%tag%:modifer:
    \n• label__ – tag prefix by which tags are selected for output;
    \n• %tag% – display tag;
    \n• :modifer – color modifier;
    2. \n
  2. The modifier can have 2 values: primary and secondary or completely absent;
    3. \n
  3. Colors for modifiers are configured in the theme settings Customizer → Theme settings → Product → Labels.
    4. \n
\n

For example, if you want to add two labels: “Sale” and “Top” with primary and secondary styles you need to add these tags for the product:

\n\n

Layout settings allow you to select offsets of the section.

\n

\n

\n

Block Vendor and SKU

\n

\n

\"PDP

\n

\"PDP

\n\n

Layout settings allow you to select offsets of the section.

\n

Block Product combination

\n

\n

In Shopify, you can add variants to create different options for the product. Product variants are very useful, but they can be too limited if you want to create vastly different pages for each variant.

\n

For instance, you may want to create products where colors of the product must be a linked products with each other like products, not a color variant.

\n

If you select a color variation (on the bottom image), you are redirected to a different product page. The image of the swatch – is a product featured (main) image.

\n

INFO: While this feature allows you to emulate variations on a given product page, internally, each product will still be an individual product. Each variation will appear as an individual product on the collection and search pages. Showing swatches in collection pages won’t be possible, either.

\n

\n

\"Product

\n

To add product combination, please follow the instructions below:

\n
    \n
  1. Create one product for each variation in your Shopify admin. If you want to create one product page per color, create one product for every color variation.
    2. \n
  2. You will now need to create two product metafields: one for the actual value for the option (for instance, “Red,” “Blue,”…). And one metafield for the list of products to show.
    3. \n
  3. Open “Metafields” settings (Admin/Settings/Custom data)) and click “Products”
    \n\"metafields\"
    4. \n
  4. Click “Add definition”
    \n\"metafields\"
    5. \n
  5. In the name field, write something Variation value. Select the Single-line-text metafield type, and make sure that “One value” is checked:
    \n\"metafields
    6. \n
  6. Click “Add definition” again to create a second product metafield. In the name field, write Variation products, select “Product reference” as metafield type, and select “List of products”. It should look like this:
    \n\"metafields
    7. \n
  7. Once the meta fields are created, you need to add the “Product combination” block to the “Product template” section.
    \n\"Adding
    \n\"block
    \nOption name – text label for the product variations. If you create different products grouped by colors, you can set “Color” value;

    \n

    \"Product
    \nOption value metafield – in this setting you need add a dynamic source from your product metafield “Variation value” that you added in the 5 step;

    \n

    \"Product
    \nProducts – in this setting you need add a dynamic source from your product metafield “Variation products” that you added in the 6 step;

    8. \n
  8. You need filling in the information for all your products to create the link between them. To do that, in your Shopify admin, open the first product you want to link and scroll down to the “Metafields” section:
    \n\"metafields
    \nFor “Variation value,” enter the option value for the variation (if you want to create variations based on the color, then the variation value should hold the actual color value for this product, such as “Red,” “Blue,” “Green” etc). For the “Variation products” metafields, select all the product variations that should appear in this product (make sure to include the product itself as well).

    \n

    Finally, repeat the same process for every variation product by adjusting the variation value for each product (the “Variation products” metafields, on the other hand, should contain the same list of products for every product within a group).

    9. \n
\n

\n

\n

\n

Block Title

\n

\"PDP

\n

The block has no settings, it displays the title of the product, which is added to the product admin panel.

\n

Layout settings allow you to select offsets of the section.

\n

Block Text

\n

\n

\"PDP

\n

The block displays the text that is added to the setting text.

\n

\n

Block Description

\n

\n

\"PDP

\n

Read more label – Leave empty to show all product description in the block. Add some text, to add additional text section with full product description under the product section. The button will be shown if the product description has more than 20 words.

\n

\n

Layout settings allow you to select offsets of the section.

\n

\n

\"PDP

\n

\"PDP

\n

\n

Block Countdown timer

\n

\"PDP

\n

General

\n

\n

\"PDP

\n

Text – the setting allows you to set the text before the countdown timer;

\n

To show the countdown timer:

\n\n

Block Options

\n

\n

\"PDP

\n
    \n
  1. Variant picker – select a view of variant options type. Note: if you have enabled a color swatch option then the option that is related to color swatch will be always like a button. You can select “Buttons” or “Dropdown”;
    \nButtons:
    \n\"Block
    \nDropdown:
    \n\"Block
    2. \n
  2. Color swatch type – the setting allows you to choose the type of color swatch. Can be: “Rectangle”, “Square”;
    3. \n
\n

Layout settings allow you to select offsets of the section.

\n

Block Price and quantity

\n

\"PDP

\n

This block show product price and quantity. In this block, a message will be displayed stating that taxes are included in the price. In this block, the installment purchase form will be displayed.

\n

Layout settings allow you to select offsets of the section.

\n

Block Add to cart

\n

\"PDP

\n

\"PDP

\n
    \n
  1. Show additional payment buttons – the setting allows you to add the “Buy it now” buttons;
    2. \n
  2. Show recipient information form for gift cards – the setting allows customers to send gift cards on a scheduled date along with a personal message (works only on a gift product).
    3. \n
\n

\"PDP

\n

Color settings allows you to select buttons colors.

\n

Layout settings allow you to select offsets of the section.

\n

\n

\n

Block Pickup availability

\n

The block has no settings, it reflects the addresses where the product is available for pickup.

\n

\"PDP

\n

\"PDP

\n

Block Drawers

\n

Displays up to 3 additional buttons with a popup:

\n

\n\n

\n

\"PDP

\n

\"PDP

\n

Block Sales point

\n

With this block, you can add simple text content with an icon.

\n

\"PDP

\n

\"PDP

\n

You can add a simple text block with an icon.

\n
    \n
  1. Icon image – the setting allows you to set an icon for the message;
    2. \n
  2. Text – the setting allows you to set the text of the block.
    3. \n
\n

Layout settings allow you to select offsets of the section.

\n

\n

Block Inventory status

\n

With this block, you can show a message about product variant inventory status.

\n

You can help customers detect which product variant has a low/high stock inventory.

\n

If a variant is not available, the block will be hidden.

\n

\"PDP

\n

\"PDP

\n
    \n
  1. Low stock text – the setting allows you to set the text that appears when variant inventory quantity is less or equal “Low stock threshold” value;
    2. \n
  2. High stock text – the setting allows you to set the text that appears when variant inventory quantity is more than the “Low stock threshold” value;
    3. \n
  3. Low stock threshold – the setting that 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.
    4. \n
  4. Show inventory count – setting shows the number of products
    5. \n
\n

\n

Layout settings allow you to select offsets of the section.

\n

\n

\n

Block Notify me

\n

\"PDP

\n

\"PDP

\n

Button settings

\n

\n

\"PDP

\n
    \n
  1. Button label – the setting allows you to set the text for the button. Required field;
    2. \n
  2. Button icon – the setting allows you to set the icon for the button.
    3. \n
\n

Form settings

\n

\n

\"PDP

\n
    \n
  1. Heading – the setting allows you to set the popup title text field. Required field;
    2. \n
  2. Email label – the setting allows you to set the ****label for the input. Required field;
    3. \n
  3. Button label – the setting allows you to set the ****label for the submit button. Required field;
    4. \n
  4. Success message – the setting allows you to set a message that the form was sent successfully. Required field.
    5. \n
\n

Translations settings:

\n

\"notify-me-translation-settings\"

\n
    \n
  1. Product notify me message – the message that will be sent to the email when the user submits the form. Using “{{ product_title }}” in the message allows you to replace it with the product title Required field.
    2. \n
\n

Notify me logic:

\n\n

Block Ask a question

\n

With this block, you can add a button to the product form that triggers a popup with the Shopify contact form (but with some additional fields).

\n

That allows customers to send emails to you with questions about the current product. The field with the product URL is filled automatically based on the product and its selected variant.

\n

\"PDP

\n

\"PDP

\n

Button settings

\n

\n

\"setting\"

\n
    \n
  1. Button label – the text for the button. Required field;
    2. \n
  2. Button icon – the icon for the button.
    3. \n
\n

Form settings

\n

\n

\"PDP

\n
    \n
  1. Heading – the setting allows you to set the heading for popup form;
    2. \n
  2. Email label – the setting allows you to set the label for the email field. Required field;
    3. \n
  3. Name label – the setting allows you to set the label for the name field. Required field;
    4. \n
  4. Phone label – the setting allows you to set the label for the phone field. Leave blank to hide;
    5. \n
  5. Product URL label – the setting allows you to set the label for the product URL field. Required field;
    6. \n
  6. Message label – the setting allows you to set the label for the message field;
    7. \n
  7. Success message – the setting allows you to set the text of the success message after the form is submitted;
    8. \n
  8. Submit button label – the setting allows you to set the text for the submit button;
    9. \n
\n

Block Custom field

\n

 

\n

\"PDP

\n

With this block, you can display a text field (input type='text‘), which will represent the line_item property of the product. When a product is added to a cart with a filled field, the value of this field will be added to the cart, checkout, and order.

\n

Settings

\n

\n

\"custom

\n
    \n
  1. Field label – the setting is responsible for the label text for the input;
    2. \n
  2. Required text – the setting is responsible for the label text for the checkbox.
    3. \n
\n

Layout settings allow you to select offsets of the section.

\n

\n

Layout

\n
    \n
  1. Block column position – specifies the column in which the block is located when the section setting Layout in value Three columns
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
\n

Custom field logic:

\n

If the Required text is not filled in, only the text input will be displayed. In this case, if the field is filled – the user information will be added to the order.

\n

If Required text is filled in, a checkbox will be displayed under the Custom field with a message from that field. If the checkbox is not clicked OR the Custom field is empty, the product cannot be added to the cart, and the corresponding error is displayed.

\n

Block Socials

\n

With this block, you can allow customers to share your product page.

\n

\n

\"PDP

\n

\"PDP

\n
    \n
  1. Show Facebook – show a Facebook social share link;
    2. \n
  2. Show X (Twitter) – show a X(Twitter) social share link;
    3. \n
  3. Show Pinterest – show a Pinterest social share link.
    4. \n
\n

Layout settings allow you to select offsets of the section.

\n

Block Gift wrap product

\n

\n

You can select a product to be added to your cart after clicking on Add gift box button. This feature can be useful when you want to allow the buyer to buy additionally, for example, a gift box, a box, etc.

\n

The gift button will appear if the selected Product is available.

\n

\n

\"Add

\n

\"Add

\n

Settings

\n

\n

\"Add

\n
    \n
  1. Product – select a product to be added to your cart after clicking on “Add gift box” button;
    2. \n
  2. Button label – text of the button;
    3. \n
  3. Button icon – an icon of the button. If not set, the icon from the theme files will be used.
    4. \n
\n

\n

\n

Block @app

\n

\n

The block allows you to connect applications, such as Reviews, etc.

\n

\n

\n

\n

Block Custom liquid

\n

\n

\"custom

\n
    \n
  1. Custom liquid – setting allows you to add your liquid code.
    2. \n
\n

Layout settings allow you to select offsets of the section.

\n

You can learn more about liquid here – https://shopify.dev/api/liquid.

\n

Additional information

\n
    \n
  1. To select complementary products, add the Search & Discovery app (Shopify app). Learn more
    2. \n
\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

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

\"Search

\n

Adding a Section

\n

\n

\"header

\n

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

\n

Section settings

\n

General

\n

\n

\"Search

\n
    \n
  1. Heading – the setting allows you to set heading;
    2. \n
  2. Show color swatch in filters – setting allows you to show or hide color swatch in filters;
    3. \n
  3. Show grid button – the setting allows you to show the user grid selection buttons where they can choose to display 3 or 4 cards in a row;
    4. \n
  4. Filters type – the setting allows you to choose the location of filters on the search page, there are two options in the sidebar or in the drawer;
    5. \n
  5. Paginate by – setting allows to specify the number of results in the search sidebar;
    6. \n
  6. Pagination type – setting allows to select the type of pagination. Has several meanings:\n\n
    7. \n
\n

Colors

\n

\n

\"Search

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

Layout

\n

\n

\"Search

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Search
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Additional information

\n

Learn more about Shopify Filtering: https://help.shopify.com/en/manual/online-store/themes/customizing-themes/storefront-filters

\n

\n

\n","blockTitle":"Search template","fieldGroupName":"manual_category_blocks","hash":"section-search-template"},{"blockContent":"

\n

\"Blog

\n

In this section you can view an articles of the blog.

\n

\n

Adding a Section

\n

\n

\"Blog

\n

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

\n

Section settings

\n

General

\n

\n

\"Blog

\n
    \n
  1. Text – the setting allows you to configure the text content displayed in the section;
    2. \n
  2. Paginate by – the setting allows you to select the number of articles per page. The minimum number is 6, the maximum number is 50;
    3. \n
  3. Pagination type – the setting allows you to select the type of pagination;
    4. \n
  4. Show filter by tag – the setting is responsible for displaying the filter by tag.
    5. \n
\n

Colors

\n

\n

\"Blog

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to enable or disable the inheritance of the color scheme from the parent element;
    2. \n
  2. Color scheme – the setting allows you to define a set of colors used for styling the interface;
    3. \n
  3. Ellipse color – the setting allows you to specify the color of the ellipse.
    4. \n
\n

\n

Layout

\n

\"Blog

\n
    \n
  1. Container width – a container width of the section. If “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – the setting allows you to enable or disable rounded corners at the bottom of the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile;
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

\n

\n

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

\n

Adding a Section

\n

\"Article

\n

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

\n

Section settings

\n

General

\n

\n

\"Article

\n
    \n
  1. Show date – the setting is responsible for whether the article date will be displayed;
    2. \n
  2. Show author – the setting is responsible for whether the author of the article will be displayed;
    3. \n
  3. Show comments count – the setting is responsible for whether the number of comments will be displayed.
    4. \n
  4. Decor image first – the setting allows you to set the first decor image for the section;
    5. \n
  5. Decor image second – the setting allows you to set the second decor image for the section
    6. \n
  6. Text color – the setting allows you to set the text color for the banner;
    7. \n
  7. Background – the setting allows you to set the background color for the banner;
    8. \n
  8. Ellipse background – the setting allows you to set the background color for ellipses.
    9. \n
\n

Colors

\n

\n

\"Article

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to inherit a color scheme from the global setting;
    2. \n
  2. Color scheme – the setting allows you to choose the color scheme of the section.
    3. \n
\n

\n

Layout

\n

\"Article

\n
    \n
  1. Enable bottom rounded corners – the setting allows you to enable or disable the rounding of the bottom corners of the section;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile;
    6. \n
  6. Inner desktop offset top – the top inner indent of the section on the desktop;
    7. \n
  7. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    8. \n
  8. Inner mobile offset top – the top inner indent of the section on the mobile;
    9. \n
  9. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    10. \n
\n

Additional Information

\n
    \n
  1. Comment form – displayed if the blog has comments enabled in its settings;
    2. \n
  2. Comments – displayed if the blog has comments enabled in its settings Blog posts → Manage blogs → choose blog → Comments radio button.
    3. \n
\n

\n

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

Adding a Section

\n

\n

\"header

\n

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

\n

Section settings

\n

Colors

\n

\n

\"Default

\n
    \n
  1. Enable color scheme inheritance – when this setting is enabled, the color scheme is inherited from the theme settings;
    2. \n
  2. Color scheme – the setting allows you to choose a scheme.
    3. \n
  3. Banner background – the setting allows you to set the background color or gradient for the banner;
    4. \n
  4. Banner color – the setting allows you to set the text color inside the banner;
    5. \n
  5. Ellipse background – the setting allows you to set the background color for the ellipse elements;
    6. \n
\n

\n

Layout

\n

\n

\"Default

\n
    \n
  1. Enable bottom rounded corners – the setting allows you to enable or disable rounded corners at the section bottom;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile;
    6. \n
  6. Inner desktop offset top – the top indent of the inner container on the desktop;
    7. \n
  7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;
    8. \n
  8. Inner mobile offset top – the top indent of the inner container on the mobile;
    9. \n
  9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.
    10. \n
\n

\n","blockTitle":"Default page template","fieldGroupName":"manual_category_blocks","hash":"section-default-page-template"},{"blockContent":"

\"Contact

\n

For Customers

\n

Adding a Section

\n

\n

\"customizer\"

\n

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

\n

Section settings

\n

\"Contact

\n
    \n
  1. Heading (first line) – setting allows you to specify the text for the first line heading;
    2. \n
  2. Heading (second line) – setting allows you to specify the text for the second line heading;
    3. \n
  3. Decor image first – setting allows you to select decore first image;
    4. \n
  4. Decor image second -setting allows you to select decore second image.
    5. \n
\n

\n

Contact form

\n

\n

\"Contact

\n
    \n
  1. Heading – the setting allows you to replace the page title;
    2. \n
  2. Name label– the setting allows you to set the label for the Name field;
    3. \n
  3. Name required – the setting allows you to make field required;
    4. \n
  4. Email label– the setting allows you to set the label for the Email field;
    5. \n
  5. Phone label– the setting allows you to set the label for the Phone field;
    6. \n
  6. Phone required – the setting allows you to make field required;
    7. \n
  7. Message label– the setting allows you to set the label for the Message field;
    8. \n
  8. Message required – the setting allows you to make field required;
    9. \n
  9. Button label – the setting allows you to set the text for the button.
    10. \n
\n

\n

Map

\n

\n

\"map

\n
    \n
  1. Google maps API key – the setting allows you to add a Google Maps API key. Learn more about how to create an API key;
    2. \n
  2. Map query – the setting allows you to add a query parameter that is responsible for adding a point on the map. In our case, only the place mode has been added. You can add one point to the map in many ways. Learn more about how to add a query parameter;
    3. \n
  3. Map url – the setting allows you to set a link to the map;
    4. \n
  4. Map image desktop – the setting allows you to set the map image for the desktop;
    5. \n
  5. Map image mobile – the setting allows you to set the image for mobile.
    6. \n
\n

Colors

\n

\n

\"Contact

\n
    \n
  1. Enable color inheritance – the setting allows you to enable color inheritance for the section;
    2. \n
  2. Color schema – the setting allows you to set the color schema.
    3. \n
\n

\n

Layout

\n

\n

\"Contact

\n
    \n
  1. Container width – the setting allows you to select the width of the container;
    2. \n
  2. Enable bottom rounded corners – the setting allows you to enable or disable the rounding of the bottom corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

\n

Blocks settings

\n

\n

\"Contact

\n
    \n
  1. Heading – setting allows you to set the heading of the contact info;
    2. \n
  2. Text – setting allows you to set the text of the contact info.
    3. \n
\n

\n

Additional information

\n
    \n
  1. The social media link settings are located in the general theme settings;
    2. \n
  2. If the Map url or Map image fields are not specified in the section settings, the map will not be displayed;
    3. \n
  3. The map link opens in a new window.
    4. \n
\n

\n

\n

\n","blockTitle":"Сontact template","fieldGroupName":"manual_category_blocks","hash":"section-contact-template"},{"blockContent":"

\"Contact

\n

Adding a Section

\n

\n

\"Add

\n

You can add a section by clicking on the Add section button and adding the Contact section.

\n

\n

Section settings

\n

\n

General

\n

\n

\"Contact

\n
    \n
  1. Heading (first line) – setting allows you to specify the text for the first line heading;
    2. \n
  2. Heading (second line) – setting allows you to specify the text for the second line heading;
    3. \n
  3. Decor image first – setting allows you to select the first decor image;
    4. \n
  4. Decor image second -setting allows you to select the second decor image.
    5. \n
\n

\n

Contact form

\n

\n

\"Contact

\n
    \n
  1. Heading – the setting allows you to set the contact form title;
    2. \n
  2. Name label– the setting allows you to set the label for the Name field;
    3. \n
  3. Name required – the setting allows you to make field required;
    4. \n
  4. Email label– the setting allows you to set the label for the Email field;
    5. \n
  5. Phone label– the setting allows you to set the label for the Phone field;
    6. \n
  6. Phone required – the setting allows you to make field required;
    7. \n
  7. Message label– the setting allows you to set the label for the Message field;
    8. \n
  8. Message required – the setting allows you to make field required;
    9. \n
  9. Button label – the setting allows you to set the text for the button.
    10. \n
\n

\n

Colors

\n

\n

\"Contact

\n
    \n
  1. Enable color inheritance – the setting allows you to enable color inheritance for the section;
    2. \n
  2. Color schema – the setting allows you to set the color schema.
    3. \n
\n

\n

Layout

\n

\n

\"Contact

\n
    \n
  1. Container width – the setting allows you to select the width of the container;
    2. \n
  2. Enable bottom rounded corners – the setting allows you to enable or disable the rounding of the bottom corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

Blocks settings

\n

\n

\"Contact

\n
    \n
  1. Heading – setting allows you to set the heading of the contact info;
    2. \n
  2. Text – setting allows you to set the text of the contact info.
    3. \n
\n

\n

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

\"FAQ

\n

With this section you can add basic FAQ blocks to your store.

\n

Adding a Section

\n

\n

\"adding

\n

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

\n

Section settings

\n

General

\n

\n

\"FAQ

\n
    \n
  1. Heading (first line) – the setting allows you to set the text for the first line of the title. If the value is not specified, the name of the page to which the template is applied is displayed;
    2. \n
  2. Heading (second line) – the setting allows you to set the text for the second line of the title.
    3. \n
\n

Colors

\n

\n

\"FAQ

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled);
    3. \n
  3. Banner background – setting allows you to set the background color for the banner;
    4. \n
  4. Banner color – setting allows you to set the text color for the banner;
    5. \n
  5. Ellipse background – setting allows you to set the background color for the ellipse.
    6. \n
\n

\n

Layout

\n

\"FAQ

\n
    \n
  1. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
  6. Inner desktop offset top – top internal indentation of the section on the desktop;
    7. \n
  7. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    8. \n
  8. Inner mobile offset top – top internal indentation of the section on the mobile;
    9. \n
  9. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    10. \n
\n

Blocks settings

\n

Block Question and answer

\n

The block is responsible for displaying the question-answer pair. When rendering, it is displayed as an accordion.

\n

\"FAQ

\n
    \n
  1. Heading – the setting allows you to set the accordion title/question;
    2. \n
  2. Text – the setting allows you to set the response/accordion content.
    3. \n
\n

Block Category

\n

The block is designed to group question-answer pairs by category. Rendered as a header separating a group of accordions. In addition, adding blocks of this type makes it possible to build section navigation in the form of a side menu (desktop), and a fixed category bar (mobile). Clicking on a menu item scrolls to the corresponding category.

\n

\"category\"

\n
    \n
  1. Heading – the setting allows you to set the title/category name.
    \n
    2. \n
\n

Additional information

\n
    \n
  1. The Question and answer block is not displayed if the settings for the Heading and Text fields are not specified;
    2. \n
  2. The Category block is not displayed if the setting for the Heading field is not specified.
    3. \n
\n

\n

\n

\n

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

\"FAQ

\n

With this section, you can add basic FAQ blocks to your store.

\n

\n

Adding a Section

\n

\"FAQ

\n

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

\n

Section settings

\n

General

\n

\"FAQ

\n

\"FAQ

\n
    \n
  1. First line heading – setting allows you to set first line heading for the section;
    2. \n
  2. Second line heading – setting allows you to set second line heading for the section;
    3. \n
  3. Text – setting allows you to set text for the section;
    4. \n
  4. Button label – setting allows you to set text for the button;
    5. \n
  5. Button aria-label – setting allows you to set aria-label for the button (adds a hidden button description for screen readers);
    6. \n
  6. Button link – the setting allows you to add a link for the button;
    7. \n
  7. Image – setting allows you to set a desktop image for the section;
    8. \n
  8. Image mobile – setting allows you to set a mobile image for the section.
    9. \n
\n

Colors

\n

\n

\"FAQ

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\"FAQ

\n
    \n
  1. Container width – setting allows you to select the width of the container (Default - 1440px/Large - 1920px/Full width/Inherit of general setting);
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"FAQ
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

\n

\"FAQ

\n
    \n
  1. Heading – setting allows you to set the heading of the accordion item;
    \n\"FAQ
    2. \n
  2. Text – setting allows you to set the text of the accordion item;
    \n\"FAQ
    3. \n
\n

\n

\n

\n

\n

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

\"404

\n

Adding a Section

\n

\n

\"page

\n

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

\n

Section settings

\n

\n

\"404

\n

\"404

\n
    \n
  1. Big heading image – setting allows you to select a picture that will be displayed instead of “0” in the “404” text;
    2. \n
  2. Subheading – setting allows you to set the text for the subtitle;
    3. \n
  3. Text – setting allows you to set text content;
    4. \n
  4. Button label – setting allows you to set the label for the button;
    5. \n
  5. Button link – setting allows you to set a link for the button;
    6. \n
  6. Navigation – setting allows you to specify a list of navigation items;
    7. \n
  7. Decorative image first – setting allows you to specify a first decorative image;
    8. \n
  8. Decorative image second – setting allows you to specify a second decorative image;
    9. \n
  9. Decorative image third – setting allows you to specify a third decorative image;
    10. \n
\n

Colors

\n

\n

\"404-template-colors\"

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to enable the inheritance of the color scheme from parent elements or global settings;
    2. \n
  2. Color scheme – the setting allows you to specify a color scheme for the section;
    3. \n
  3. Flashlight – the setting allows you to specify the color of the flashlight.
    4. \n
\n

\n

Layout

\n

\"404

\n
    \n
  1. Enable bottom rounded corners – the setting allows you to enable rounded corners at the bottom of the section;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile;
    6. \n
  6. Inner desktop offset top – the inner top indent of the section on the desktop;
    7. \n
  7. Inner desktop offset bottom – the inner bottom indent of the section on the desktop;
    8. \n
  8. Inner mobile offset top – the inner top indent of the section on the mobile;
    9. \n
  9. Inner mobile offset bottom – the inner bottom indent of the section on the mobile.
    10. \n
\n

\n

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

\"Gift

\n

Adding a Section

\n

\n

\"gift

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

\n

Section settings

\n

General

\n

\n

\"Gift

\n
    \n
  1. Heading – the setting allow you to set the text for the header
    2. \n
  2. Text – the setting allow you to set the text;
    3. \n
\n

Colors

\n

\n

\"Gift

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\"layout\"

\n
    \n
  1. Desktop offset top – the top indent of the section on the desktop;
    2. \n
  2. Desktop offset bottom – the bottom indent of the section on the desktop;
    3. \n
  3. Mobile offset top – the top indent of the section on the mobile;
    4. \n
  4. Mobile offset bottom – the bottom indent of the section on the mobile.
    5. \n
\n

Additional information

\n

The image for the Gift will be obtained from the product, which means you can assign images to different card options.

\n

\n

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

\"Password

\n

\"Password

\n

\"Password

\n

\"Password

\n

Adding a Section

\n

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

\n

Section settings

\n

General

\n

\n

\"label\"

\n
    \n
  1. Button label – the setting allows you to set the label of the popup opening button (If not set, it is taken from translations).
    2. \n
\n

Logo

\n

\n

\"Password

\n
    \n
  1. Logo – the setting allows you to set the logo image (If not set, shop.name is displayed);
    2. \n
  2. Logo width – the setting allows you to set the width of the logo (min 20px, max 250px, step 5px, default 160px);
    3. \n
  3. Logo width mobile – the setting allows you to set the width of the mobile logo (min 20px, max 250px, step 5px, default 125px).
    4. \n
\n

Popup

\n

\n

\"Password

\n
    \n
  1. Heading – the setting allows you to set the title text of the popup;
    2. \n
  2. Input label – the setting allows you to set the label of the popup input (If not set, it is taken from translations);
    3. \n
  3. Button label – the setting allows you to set the label of the popup button (If not set, it is taken from translations);
    4. \n
  4. Bottom text – the setting allows you to set the text below the form;
    5. \n
\n

Colors

\n

\n

\"Password

\n
    \n
  1. Section background – the setting allows you to set the background color of the section;
    2. \n
  2. Section text – the setting allows you to set the color of the section text;
    3. \n
  3. Popup text – the setting allows you to set the color of the popup text;
    4. \n
  4. Popup background – the setting allows you to set the popup background;
    5. \n
  5. Input text – the setting allows you to set the input text color;
    6. \n
  6. Input background – the setting allows you to set the input background color;
    7. \n
  7. Input border – the setting allows you to set the border color of the popup form input;
    8. \n
  8. Popup label – the setting allows you to set the text color of the popup form button;
    9. \n
  9. Popup background – the setting allows you to set the background color of the popup form button.
    10. \n
  10. Popup border – the parameter allows you to set the color for the pop-up button frame.
    11. \n
  11. Popup label (hover) – the setting allows you to set the text color of the popup form button;
    12. \n
  12. Popup background (hover) – the setting allows you to set the background color of the popup form button.
    13. \n
  13. Popup border (hover) – the parameter allows you to set the color for the pop-up button frame.
    14. \n
\n

Additional information

\n
    \n
  1. The “Enter using password” button opens a popup. The popup contains a login form on the page.
    2. \n
\n

\n

\n

\n","blockTitle":"Password header","fieldGroupName":"manual_category_blocks","hash":"section-password-header"},{"blockContent":"

\"Password

\n

\"Password

\n

Adding a Section

\n

\n

\"adding

\n

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

\n

Section settings

\n

General

\n

\n

\"Password

\n

\"Password

\n
    \n
  1. Heading – setting allows you to set the text of the section title;
    2. \n
  2. Text – setting allows you to set the text of the section text;
    3. \n
  3. Additional text – the setting allows you to set the text when the form is successfully submitted (If not set, it is taken from translations);
    \n\"Password
    4. \n
  4. Main image – setting allows you to set the image;
    5. \n
  5. Back image – allows you to insert an image that is behind;
    6. \n
  6. Decor image first – allows you to set the first decorative image;
    7. \n
  7. Decor image second – allows you to set the second decorative image;
    8. \n
  8. Decor image third – allows you to set the third decorative image;
    9. \n
\n

Form

\n

\n

\"Password

\n
    \n
  1. Show form – the setting allows you to show/hide the form;
    2. \n
  2. Success message – the setting allows you to set the text when the form is successfully submitted (If not set, it is taken from translations);
    3. \n
  3. Input label – the setting allows you to set the label input text;
    4. \n
  4. Button label – the setting allows you to set the text for the aria-label attribute of the button. This attribute allows screen readers to better convey information to people with disabilities;
    5. \n
\n

\n

Colors

\n

\"Password

\n
    \n
  1. Section background – the setting allows you to specify the section background color;
    2. \n
  2. Text – the option allows you to specify the text color for the section.;
    3. \n
  3. Input text – the setting allows you to specify the text color for input;
    4. \n
  4. Input background – the setting allows you to specify the background color for input;
    5. \n
  5. Input Border – the setting allows you to set the border color for the text input;
    6. \n
  6. Button label – the setting allows you to set the text color for the button;
    7. \n
  7. Button border – the setting allows you to set the border color for the button;
    8. \n
  8. Button border outer – the setting allows you to set the border outer color for the button;
    9. \n
  9. Button background (hover) – setting allows you to set the background color on hover;
    10. \n
  10. Button background opacity (hover) – the parameter allows you to set the background transparency on hover;
    11. \n
  11. Button label (hover) – the setting allows you to set the text color for the button on hover;
    12. \n
  12. Button border (hover) – the setting allows you to set the border color for the button on hover;
    13. \n
  13. Button border outer (hover) – the setting allows you to set the border outer color for the button on hover;
    14. \n
  14. Ellipse – the parameter allows you to specify the color for the Ellipse;
    15. \n
\n

\n

\n","blockTitle":"Password content","fieldGroupName":"manual_category_blocks","hash":"section-password-content"},{"blockContent":"

\"Promo

\n

Adding a Section

\n

\n

\"Promo

\n

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

\n

\n

Section settings

\n

General

\n

\n

\"Promo

\n
    \n
  1. Heading (first line) – setting allows you to set the first heading for the section;
    2. \n
  2. Heading (second line) – setting allows you to set the second heading for the section;
    3. \n
\n

\n

Colors

\n

\n

\"Promo

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\n

\"Promo

\n
    \n
  1. Container width – setting allows you to select the width of the container (Default - 1440px/Large - 1920px/Full width/Inherit of general setting);
    2. \n
  2. Enable bottom rounded corners – the setting allows you to enable or disable the bottom rounded corners of the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

\n

Blocks settings

\n

\n

\"Products

\n

\"Products

\n
    \n
  1. Product – setting allows you to select a block product;
    2. \n
  2. Custom image – setting allows you to set the image that will be displayed instead of the product image in the tab;
    3. \n
  3. Subheading – setting allows you to set the subheading of the block;
    4. \n
  4. Text – setting allows you to set the text of the block;
    5. \n
  5. Background image – setting allows you to select a background picture of the section;
    \n\"Promo
    6. \n
  6. Big product image – setting allows you to select a large picture of the active tab in the section;
    \n\"Promo
    7. \n
  7. Mobile image – setting allows you to select the image that will be displayed in the mobile version.
    \n\"Promo
    8. \n
\n

Colors

\n

\n

\"Promo

\n
    \n
  1. Background – setting allows you to set the background color.
    2. \n
\n

\n","blockTitle":"Promo products","fieldGroupName":"manual_category_blocks","hash":"section-promo-products"},{"blockContent":"

\"Collection

\n

Adding a section

\n

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

\n

\"Add

\n

Section settings

\n

General

\n

\n

\"Collection

\n
    \n
  1. Heading (first line) – the setting allows you to set the first line of the heading, which appears above the collections;
    2. \n
  2. Heading (second line) – the setting allows you to add a second line to the heading, which can complement the main title or provide additional context;
    3. \n
  3. Text – the setting allows you to set the text content below the heading. Used to describe the collections or give extra information to the user.
    4. \n
\n

Colors

\n

\n

\"Collection

\n
    \n
  1. Enable color scheme inheritance – allows the section to inherit colors from its parent;
    2. \n
  2. Color scheme – allows you to select a predefined color palette for the section.
    3. \n
\n

\n

Layout

\n

\n

\"Collection

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – allows you to apply rounded corners to the bottom of the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile;
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

\n

Blocks

\n

\n

\"Collection

\n
    \n
  1. Collection – allows you to select a specific collection to display;
    2. \n
  2. Image – allows you to upload or choose an image for the collection card;
    3. \n
  3. Image object-fit – controls how the image fits within its container (e.g. cover, contain);
    4. \n
  4. Background – allows you to set the background color of ellipses for the block.
    5. \n
\n

\n

\n

\n

\n

\n

\n

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

This section is available on the “Collection list” template. You can see all collections from your store on this template. 

\n

\"List

\n

Adding a Section

\n

\n

\"adding

\n

The section is static on the collection list page template, it was added initially and cannot be removed.

\n

Section settings

\n

General

\n

\n

\"List

\n

\"List

\n
    \n
  1. Custom collections – the setting allows you to select a list from the collections you need;
    2. \n
  2. Sort collections by – the setting allows you to choose by which criterion the collections will be sorted;
    3. \n
  3. Heading (first line) – the setting allows you to set the first line of the heading, which appears above the collections;
    4. \n
  4. Heading (second line) – the setting allows you to add a second line to the heading, which can complement the main title or provide additional context;
    5. \n
  5. Text – the setting allows you to set the text content below the heading. Used to describe the collections or give extra information to the user;
    6. \n
  6. Paginate by – setting allows you to select the number of collections that will be displayed on the page. The number of collections can be selected from 4 to 50;
    7. \n
  7. Show collection description – the setting allows you to enable or disable the collection description if it is available;
    8. \n
  8. Show product image – the setting allows you to show the first product from the collection in the collection card;
    \n\"List
    9. \n
  9. Product image object fit – setting allows you to choose how the image will be stretched. You can choose cover or contain.
    10. \n
\n

Colors

\n

\n

\"List

\n
    \n
  1. Enable color scheme inheritance – allows the section to inherit colors from its parent;
    2. \n
  2. Color scheme – allows you to select a predefined color palette for the section.
    3. \n
  3. Text – setting allows you to change the color for the text;
    4. \n
\n

\n

Layout

\n

\"List

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – allows you to apply rounded corners to the bottom of the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile;
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

\n

\n

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

\"Limited

\n

Adding a section

\n

\n

\"Add

\n

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

\n

Section settings

\n

General

\n

\"Limited

\n
    \n
  1. Heading (first line) – the setting allows you to set the first line of the heading, which appears above the product;
    2. \n
  2. Heading (second line) – the setting allows you to add a second line to the heading, which can complement the main title or provide additional context.
    3. \n
\n

Colors

\n

\"Limited

\n
    \n
  1. Enable color scheme inheritance – allows the section to inherit colors from its parent;
    2. \n
  2. Color scheme – allows you to select a predefined color palette for the section.
    3. \n
\n

Layout

\n

\"Limited

\n
    \n
  1. Enable bottom rounded corners – allows you to apply rounded corners to the bottom of the section;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile;
    6. \n
  6. Inner desktop offset top – the top inner indent of the section on the desktop;
    7. \n
  7. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    8. \n
  8. Inner mobile offset top – the top inner indent of the section on the mobile;
    9. \n
  9. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    10. \n
\n

Blocks settings

\n

General

\n

\"Limited

\n
    \n
  1. Tab heading – the setting allows you to set the tab heading of the product;
    2. \n
  2. Product – the setting allows you to select the product to be displayed;
    3. \n
  3. Short product description – the setting allows you to set the description of the product;
    4. \n
  4. Learn more label – the setting allows you to set the text of the link button.
    5. \n
\n

Colors

\n

\"Limited

\n
    \n
  1. Ellipse – the setting allows you to set the color of two decor elements.
    2. \n
\n

\"Limited

\n

\n

\n

\n

\n

\n

\n","blockTitle":"Limited edition","fieldGroupName":"manual_category_blocks","hash":"section-limited-edition"},{"blockContent":"

In this section, you can show products in a slideshow for your customers. You can change the count of products per row: 3 or 4.

\n

\n

\"Featured

\n

\"Featured

\n

\"Featured

\n

Adding a section

\n

\n

\"adding

\n

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

\n

Section settings

\n

\"Featured

\n
    \n
  1. Heading (first line) – setting allows you to set the text for the first line of the heading;
    2. \n
  2. Heading (second line)– setting allows you to set the text for the second line of the heading;
    3. \n
  3. Collection – setting allows you to select a collection you want to feature in the section;
    4. \n
  4. Products – the setting is responsible for selecting products to display;
    5. \n
  5. Layout – setting allows you to change the number of displayed cards on the Desktop. The values are 3, 4;
    6. \n
\n

Colors

\n

\n

\"Featured

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\"Featured

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile;
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile;
    11. \n
\n

\n

\n

\n","blockTitle":"Featured collection","fieldGroupName":"manual_category_blocks","hash":"section-featured-collection"},{"blockContent":"

\"Best

\n

Adding a section

\n

\n

\"Best

\n

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

\n

\n

Section settings

\n

General

\n

\n

\"Best

\n
    \n
  1. Heading first line – the settings allow you to set the text for the first line header;
    2. \n
  2. Heading second line – the settings allow you to set the text for the second line header;
    3. \n
  3. Text – the settings allow you to set the text for the section;
    4. \n
\n

\n

Colors

\n

\n

\"Best

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

\n

Layout

\n

\n

\"Best

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Best
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Block settings

\n

\n

\"Best

\n

\"Best

\n
    \n
  1. Product – the setting allows you to set the product for the block;
    2. \n
  2. Main image – the setting allows you to set the custom image for the block (default: featured image of the product).
    3. \n
  3. Back image – the setting allows you to set a decorative image that will be behind the image..
    4. \n
  4. Decor image first – the setting allows you to set the first decorative image
    5. \n
  5. Decor image second – the setting allows you to set the second decorative image.
    6. \n
  6. Decor image third – the setting allows you to set the third decorative image.
    7. \n
\n

\n

\n","blockTitle":"Best sellers","fieldGroupName":"manual_category_blocks","hash":"section-best-sellers"},{"blockContent":"

\"Featured

\n

To show colored background gradient and ellipse on the active slide image, you need to create a new product metafield:

\n

Name – Main background color;

\n

Namespace and key: custom.main_background_color

\n

\n

\"Product

\n

Go to the product page in the admin panel and select a color:

\n

\n

\"Product

\n

Adding a section

\n

\n

\"Featured

\n

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

\n

Section settings

\n

\"select

\n
    \n
  1. Product – the setting allows you to choose the product to feature in the section;
    2. \n
\n

\n

Media

\n

\n

\"Featured

\n
    \n
  1. Enable zoom – the setting allows you to enable the Zoom function that appears when you click on the image;
    2. \n
  2. Media layout – the setting allows you to choose the appearance of the product image gallery:\n\n
    3. \n
  3. Media height – the setting allows you to select the size of the image. Has several options: Full size, Square;
    4. \n
  4. Image object fit – the setting allows you to select object fit variation for main media slider;
    5. \n
  5. Enable media scroll for stacked layout – the setting allows you to enable scroll to variant image when changing product options for the stacked layout.
    6. \n
  6. Enable sticky scrollbar – the setting allows you to enable the scroll bar to be fixed in the product area (works only for desktop).
    7. \n
  7. Enable blurred background for the sticky scrollbar – the setting allows you to enable background blur for the sticky scroll bar.
    8. \n
  8. Decor image first – the setting allows you to show a decor image;
    \n\"PDP
    9. \n
  9. Decor image second – the setting allows you to show a decor image;
    10. \n
\n

General

\n

\n

\"PDP

\n
    \n
  1. Show message of taxes included – if taxes are included in the price of the product in the store, then this parameter will control the visibility of the corresponding message;
    2. \n
  2. Show pay installments – if the store has the right to sell by installments and this feature is enabled in the store settings, then this parameter will control the visibility of the installment block;
    3. \n
\n

Size guide

\n

\n

\"PDP

\n

Allows you to show a size guide button. The content for the size guide can be unique for each product based on the metafields.

\n
    \n
  1. Show size guide – the setting is responsible for showing/hiding the popup and the button for opening the popup;
    2. \n
  2. Button icon – the setting allows you to set the icon of the size guide button;
    3. \n
  3. Popup heading – the setting allows you to set the title of the size guide popup;
    4. \n
  4. General tab label – the setting allows you to set the text for the size guide general tab;
    \n\"PDP
    5. \n
  5. Model tab label – the setting allows you to set the text for the size guide model tab;
    \n\"PDP
    6. \n
\n

To show the size guide:

\n\n

\"metafield\"

\n\n

\n

\"size

\n\n

\"page\"

\n

In the Size guide popup you can add information about the product model information:

\n

Follow the steps:

\n
    \n
  1. Create product metafield with Name: “Size guide model image”, Namespace and key: custom.size_guide_model_image. Content type must be a file (images only).\"metafield\"
    2. \n
  2. Create product metafield with Name: “Size guide model info”, Namespace and key: custom.size_guide_model_info. Content type must be Multi-line text.\"metafield
    3. \n
  3. Go to the product in the admin and add values to these metafields. You can set both or one of these fields to see tabs in the size guide popup.\"metafield
    4. \n
  4. Now when you open the Size guide popup on the product you will see tabs with the default size guide and size guide for the product model.
    5. \n
\n

Product complementary

\n

\n

\"Product

\n

\"Product

\n
    \n
  1. Enable – the setting allows you to display complementary products;
    2. \n
  2. Heading – the setting allows you to set title for the complementary block;
    3. \n
\n

\n

Colors

\n

\n

\"PDP

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – the setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled);
    3. \n
  3. UI button color – the setting allows you to set the UI button’s color (zoom button, video, 3d-model play buttons)
    4. \n
  4. UI button background color – the setting allows you to set the UI button’s background color (zoom button, video, 3d-model play buttons);
    5. \n
  5. UI buttom border color – the setting allows you to set the UI button’s border color (zoom button, video, 3d-model play buttons);
    6. \n
\n

\n

Layout

\n

\n

\"PDP

\n
    \n
  1. Desktop offset top – the top indent of the section on the desktop;
    2. \n
  2. Desktop offset bottom – the bottom indent of the section on the desktop;
    3. \n
  3. Mobile offset top – the top indent of the section on the mobile;
    4. \n
  4. Mobile offset bottom – the bottom indent of the section on the mobile.
    5. \n
\n

Blocks settings

\n

Block Badges

\n

\"PDP

\n
    \n
  1. The block displays tags added to the product according to the template – label__%tag%:modifer:
    \n• label__ – tag prefix by which tags are selected for output;
    \n• %tag% – display tag;
    \n• :modifer – color modifier;
    2. \n
  2. The modifier can have 2 values: primary and secondary or completely absent;
    3. \n
  3. Colors for modifiers are configured in the theme settings Customizer → Theme settings → Product → Labels.
    4. \n
\n

For example, if you want to add two labels: “Sale” and “Top” with primary and secondary styles you need to add these tags for the product:

\n\n

Layout settings allow you to select offsets of the section.

\n

\n

\n

Block Vendor and SKU

\n

\n

\"PDP

\n

\"PDP

\n\n

Layout settings allow you to select offsets of the section.

\n

\n

Block Title

\n

\"PDP

\n

The block has no settings, it displays the title of the product, which is added to the product admin panel.

\n

Layout settings allow you to select offsets of the section.

\n

Block Text

\n

\n

\"PDP

\n

The block displays the text that is added to the setting text.

\n

\n

Block Description

\n

\n

\"PDP

\n

Read more label – Leave empty to show all product description in the block. Add some text, to add additional text section with full product description under the product section. The button will be shown if the product description has more than 20 words.

\n

\n

Layout settings allow you to select offsets of the section.

\n

\n

\"PDP

\n

\"PDP

\n

\n

Block Countdown timer

\n

\"PDP

\n

General

\n

\n

\"PDP

\n

Text – the setting allows you to set the text before the countdown timer;

\n

To show the countdown timer:

\n\n

Block Options

\n

\n

\"PDP

\n
    \n
  1. Variant picker – select a view of variant options type. Note: if you have enabled a color swatch option then the option that is related to color swatch will be always like a button. You can select “Buttons” or “Dropdown”;
    \nButtons:
    \n\"Block
    \nDropdown:
    \n\"Block
    2. \n
  2. Color swatch type – the setting allows you to choose the type of color swatch. Can be: “Rectangle”, “Square”;
    3. \n
\n

Layout settings allow you to select offsets of the section.

\n

Block Price and quantity

\n

\"PDP

\n

This block show product price and quantity. In this block, a message will be displayed stating that taxes are included in the price. In this block, the installment purchase form will be displayed.

\n

Layout settings allow you to select offsets of the section.

\n

Block Add to cart

\n

\"PDP

\n

\"PDP

\n
    \n
  1. Show additional payment buttons – the setting allows you to add the “Buy it now” buttons;
    2. \n
  2. Show recipient information form for gift cards – the setting allows customers to send gift cards on a scheduled date along with a personal message (works only on a gift product).
    3. \n
\n

\"PDP

\n

Color settings allows you to select buttons colors.

\n

Layout settings allow you to select offsets of the section.

\n

\n

\n

Block Pickup availability

\n

The block has no settings, it reflects the addresses where the product is available for pickup.

\n

\"PDP

\n

\"PDP

\n

Block Drawers

\n

Displays up to 3 additional buttons with a popup:

\n

\n\n

\n

\"PDP

\n

\"PDP

\n

Block Sales point

\n

With this block, you can add simple text content with an icon.

\n

\"PDP

\n

\"PDP

\n

You can add a simple text block with an icon.

\n
    \n
  1. Icon image – the setting allows you to set an icon for the message;
    2. \n
  2. Text – the setting allows you to set the text of the block.
    3. \n
\n

Layout settings allow you to select offsets of the section.

\n

\n

Block Inventory status

\n

With this block, you can show a message about product variant inventory status.

\n

You can help customers detect which product variant has a low/high stock inventory.

\n

If a variant is not available, the block will be hidden.

\n

\"PDP

\n

\"PDP

\n
    \n
  1. Low stock text – the setting allows you to set the text that appears when variant inventory quantity is less or equal “Low stock threshold” value;
    2. \n
  2. High stock text – the setting allows you to set the text that appears when variant inventory quantity is more than the “Low stock threshold” value;
    3. \n
  3. Low stock threshold – the setting that 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.
    4. \n
  4. Show inventory count – setting shows the number of products
    5. \n
\n

\n

Layout settings allow you to select offsets of the section.

\n

\n

\n

Block Notify me

\n

\"PDP

\n

\"PDP

\n

Button settings

\n

\n

\"PDP

\n
    \n
  1. Button label – the setting allows you to set the text for the button. Required field;
    2. \n
  2. Button icon – the setting allows you to set the icon for the button.
    3. \n
\n

Form settings

\n

\n

\"PDP

\n
    \n
  1. Heading – the setting allows you to set the popup title text field. Required field;
    2. \n
  2. Email label – the setting allows you to set the ****label for the input. Required field;
    3. \n
  3. Button label – the setting allows you to set the ****label for the submit button. Required field;
    4. \n
  4. Success message – the setting allows you to set a message that the form was sent successfully. Required field.
    5. \n
\n

Translations settings:

\n

\"notify-me-translation-settings\"

\n
    \n
  1. Product notify me message – the message that will be sent to the email when the user submits the form. Using “{{ product_title }}” in the message allows you to replace it with the product title Required field.
    2. \n
\n

Notify me logic:

\n\n

Block Ask a question

\n

With this block, you can add a button to the product form that triggers a popup with the Shopify contact form (but with some additional fields).

\n

That allows customers to send emails to you with questions about the current product. The field with the product URL is filled automatically based on the product and its selected variant.

\n

\"PDP

\n

\"PDP

\n

Button settings

\n

\n

\"setting\"

\n
    \n
  1. Button label – the text for the button. Required field;
    2. \n
  2. Button icon – the icon for the button.
    3. \n
\n

Form settings

\n

\n

\"PDP

\n
    \n
  1. Heading – the setting allows you to set the heading for popup form;
    2. \n
  2. Email label – the setting allows you to set the label for the email field. Required field;
    3. \n
  3. Name label – the setting allows you to set the label for the name field. Required field;
    4. \n
  4. Phone label – the setting allows you to set the label for the phone field. Leave blank to hide;
    5. \n
  5. Product URL label – the setting allows you to set the label for the product URL field. Required field;
    6. \n
  6. Message label – the setting allows you to set the label for the message field;
    7. \n
  7. Success message – the setting allows you to set the text of the success message after the form is submitted;
    8. \n
  8. Submit button label – the setting allows you to set the text for the submit button;
    9. \n
\n

Block Custom field

\n

 

\n

\"PDP

\n

With this block, you can display a text field (input type='text‘), which will represent the line_item property of the product. When a product is added to a cart with a filled field, the value of this field will be added to the cart, checkout, and order.

\n

Settings

\n

\n

\"custom

\n
    \n
  1. Field label – the setting is responsible for the label text for the input;
    2. \n
  2. Required text – the setting is responsible for the label text for the checkbox.
    3. \n
\n

Layout settings allow you to select offsets of the section.

\n

\n

Layout

\n
    \n
  1. Block column position – specifies the column in which the block is located when the section setting Layout in value Three columns
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
\n

Custom field logic:

\n

If the Required text is not filled in, only the text input will be displayed. In this case, if the field is filled – the user information will be added to the order.

\n

If Required text is filled in, a checkbox will be displayed under the Custom field with a message from that field. If the checkbox is not clicked OR the Custom field is empty, the product cannot be added to the cart, and the corresponding error is displayed.

\n

Block Socials

\n

With this block, you can allow customers to share your product page.

\n

\n

\"PDP

\n

\"PDP

\n
    \n
  1. Show Facebook – show a Facebook social share link;
    2. \n
  2. Show X (Twitter) – show a X(Twitter) social share link;
    3. \n
  3. Show Pinterest – show a Pinterest social share link.
    4. \n
\n

Layout settings allow you to select offsets of the section.

\n

\n

Block @app

\n

\n

The block allows you to connect applications, such as Reviews, etc.

\n

\n

\n

\n

Block Custom liquid

\n

\n

\"custom

\n
    \n
  1. Custom liquid – setting allows you to add your liquid code.
    2. \n
\n

Layout settings allow you to select offsets of the section.

\n

You can learn more about liquid here – https://shopify.dev/api/liquid.

\n

Additional information

\n
    \n
  1. To select complementary products, add the Search & Discovery app (Shopify app). Learn more
    2. \n
\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n","blockTitle":"Featured product","fieldGroupName":"manual_category_blocks","hash":"section-featured-product"},{"blockContent":"

\"Product

\n

The section allows you to display product recommendations and last-viewed products.

\n

Adding a Section

\n

\n

\"Product

\n

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

\n

Section settings

\n

General

\n

\n

\"product

\n
    \n
  1. Heading (first line) – setting allows you to set the text for the first line of the heading;
    2. \n
  2. Heading (second line)– setting allows you to set the text for the second line of the heading;
    3. \n
\n

Recommendations

\n

\n

\"Recommendations

\n

\n
    \n
  1. Tab label – the setting allows you to set the recommendation tab button label;
    2. \n
  2. Layout – setting allows you to change the number of displayed cards on the Desktop. The values are 3, 4;
    3. \n
  3. Use Shopify recommendations – the checkbox is responsible for using Shopify recommendations. If not checked – Resource collection will be used;
    4. \n
  4. Resource collection – collection to get products from;
    5. \n
\n

Recently viewed

\n

\n

\"Recently

\n
    \n
  1. Show – the setting allows you to set if a checked tab with the recently viewed product will be added;
    2. \n
  2. Tab label – the setting allows you to set the label of a recently viewed tab.
    3. \n
\n

\n

Colors

\n

\n

\"Product

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\n

\"Product

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile;
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

\n

\n

\n

\n

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

\"Trend

\n

Adding a section

\n

\n

\"Trend

\n

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

\n

\n

Section settings

\n

General

\n

\n

\"Trend

\n
    \n
  1. Heading (first line) – the setting allows you to specify the text of the first line heading;
    2. \n
  2. Heading (second line) – the setting allows you to specify the text of the second line heading;
    3. \n
  3. Image desktop – the setting allows you to specify the background image for the desktop;
    4. \n
  4. Image mobile – the setting allows you to specify the background image for the mobile.
    5. \n
\n

\n

Color

\n

\n

\"Trend

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to inherit the color scheme from the global settings;
    2. \n
  2. Color scheme – the setting allows you to specify the color scheme of the section.
    3. \n
\n

\n

Layout

\n

\n

\"Trend

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile;
    6. \n
  6. Inner desktop offset top – the top inner indent of the section on the desktop;
    7. \n
  7. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    8. \n
  8. Inner mobile offset top – the top inner indent of the section on the mobile;
    9. \n
  9. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    10. \n
\n

\n

Blocks settings

\n

General

\n

\n

\"Trend

\n
    \n
  1. Spot label – the setting allows you to specify the text of the spot;
    2. \n
  2. Product – the product, that will show in the popup after clicking on hotspot;
    3. \n
  3. Product image – the setting allows you to select a custom image instead of a product image;
    4. \n
  4. Spot horizontal position desktop – set the horizontal position of the hotspot on desktop devices;
    5. \n
  5. Spot vertical position desktop – set the vertical position of the hotspot on desktop devices;
    6. \n
  6. Spot horizontal position mobile – set the horizontal position of the hotspot on mobile devices;
    7. \n
  7. Spot vertical position mobile – set the vertical position of the hotspot on mobile devices.
    8. \n
\n

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

\"Shop

\n

Adding a section

\n

\n

\"Shop

\n

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

\n

\n

Section settings

\n

General

\n

\n

\"Shop

\n

\"Shop

\n
    \n
  1. Heading first line – the settings allow you to set the text for the first line header;
    2. \n
  2. Heading second line – the settings allow you to set the text for the second line header;
    3. \n
  3. Text – the settings allow you to set the text;
    4. \n
  4. Button label – the setting allows you to specify the label content of the button;
    5. \n
  5. Button aria-label – the setting allows you to specify the field for aria-label, this field is needed to improve accessibility, and people using screen readers will hear the purpose of this button;
    6. \n
  6. Button link – the setting allows you to specify the URL field for the button;
    7. \n
\n

\n

Colors

\n

\n

\"Shop

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\n

\"Shop

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Shop
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Block settings

\n

\n

\"Shop

\n
    \n
  1. Image – the setting allows you to set the image for the card;
    2. \n
  2. Image link – the setting allows you to set the link for the card.
    3. \n
\n

\n

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

\n

Adding a section

\n

\n

\"adding

\n

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

\n

Section settings

\n

\"Slideshow

\n

Slideshow settings

\n

 

\n
    \n
  1. Enable loop – the setting is responsible for setting the infinite scrolling of the slider;
    2. \n
  2. Enable autoplay – the setting is responsible for setting the automatic switching of slides;
    3. \n
  3. Autoplay speed – the setting is responsible for the speed of automatic switching of slides;
    4. \n
  4. Animation speed – setting allows you to set the animation speed of switching slides;
    5. \n
  5. Animation type – the setting allows you to set the type of animation for switching slides:\n\n
    6. \n
  6. Show ‘Scroll down’ icon – the setting allows you to show or hide the “scroll down” icon;
    7. \n
  7. Scroll down icon text – the setting allows you to set the text of the “scroll down” icon;
    8. \n
  8. Show slider controls – the setting allows you to show or hide the progress bar with slider arrows;
    9. \n
  9. Hide backlight on mobile – the setting allows you to show or hide the backlight on mobile.
    10. \n
\n

Colors

\n

\n

\"Slideshow

\n
    \n
  1. Background – the setting allows you to set the background color of the section;
    2. \n
  2. UI color – the setting allows you to set the color of the lower elements of the section.
    3. \n
\n

\"Slideshow

\n

Layout

\n

\"Slideshow

\n
    \n
  1. Container width – a container width of the section. If “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. 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;
    3. \n
  3. 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;
    4. \n
  4. 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;
    5. \n
  5. Desktop offset top – the top indent of the section on the desktop;
    6. \n
  6. Desktop offset bottom – the bottom indent of the section on the desktop;
    7. \n
  7. Mobile offset top – the top indent of the section on the mobile;
    8. \n
  8. Mobile offset bottom – the bottom indent of the section on the mobile.
    9. \n
\n

Accessibility

\n

Accessibility content is in translations. To go, you need to click on the more options button in the customizer or in the online store (themes) and select edit languages:

\n

\"accessibility\"

\n

General → Accessibility

\n

\n

\"general

\n

General → Accessibility slider

\n

\n

\"accessybility

\n

Blocks settings

\n

Block Image

\n

\n

\"Slideshow

\n

General

\n

\n

\"Slideshow

\n

\"Slideshow

\n

\"Slideshow

\n
    \n
  1. Image (desktop) – the setting allows you to set the image for the desktop. Also used for thumbnail. 3776 x 2160px recommended;
    2. \n
  2. Image (mobile) – the setting allows you to set the image for the mobile. 1470 x 2048px recommended;
    3. \n
  3. Middle image (desktop) – this setting allows you to set the middle image for the desktop version of the section;
    4. \n
  4. Middle image (mobile) – this setting allows you to set the middle image for the mobile version of the section;
    5. \n
  5. Hide middle image on the mobile – the setting allows you to show or hide middle image on the mobile;
    6. \n
  6. Decor image first – the setting allows you to set the first decor image;
    7. \n
  7. Decor image second – the setting allows you to set the second decor image;
    8. \n
  8. Decor image third – the setting allows you to set the third decor image;
    9. \n
  9. Heading – the setting allows you to set the text for the title;
    10. \n
  10. Text – the setting allows you to set the text for the text;
    11. \n
  11. Button label – the setting allows you to set the label for the label;
    12. \n
  12. Button aria-label – the setting allows you to set the text for the aria-label attribute. The attribute is needed for accessibility;
    13. \n
  13. Button link – the setting allows you to set a link for the button;
    14. \n
  14. Open link in a new tab – the setting allows you to indicate how the link will open, in the current tab or the new;
    15. \n
\n

Alignment

\n

\"Slideshow

\n
    \n
  1. Text alignment inside block (desktop) – the setting allows you to set the text alignment for the desktop;
    2. \n
  2. Text alignment inside block (mobile) – the setting allows you to set the text alignment for the mobile;
    3. \n
  3. Content horizontal alignment (desktop) – the setting allows you to set the horizontal content alignment for the content;
    4. \n
  4. Content vertical alignment (desktop) – the setting allows you to set the vertical content alignment for the desktop;
    5. \n
  5. Content vertical alignment (mobile) – the setting allows you to set the vertical content alignment for the mobile.
    6. \n
\n

Colors

\n

\"Slideshow

\n

\"Slideshow

\n
    \n
  1. Background – the setting allows you to set the background color of the slide;
    2. \n
  2. Heading – the setting allows you to set the color for the header;
    3. \n
  3. Text – the setting allows you to set the color for the description;
    4. \n
  4. Button text – the setting allows you to set the color for the button label;
    5. \n
  5. Button background – the setting allows you to set the background color for the button;
    6. \n
  6. Button border – the setting allows you to set the border color for the button;
    7. \n
  7. Button border outer – the setting allows you to set the outer border color;
    8. \n
  8. Button text (hover) – the setting allows you to set the color for the button label on hover;
    9. \n
  9. Button background (hover) – the setting allows you to set the background color for the button on hover;
    10. \n
  10. Button border (hover) – the setting allows you to set the border color for the button;
    11. \n
  11. Button border outer (hover) – the setting allows you to set the outer border color on hover;
    12. \n
  12. Overlay – the setting allows you to set the color for the overlay;
    13. \n
  13. Backlight – the setting allows you to set the backlight color of the section;
    \n\"Slideshow
    14. \n
  14. Backlight type – the setting allows you to set the backlight type Full bottom/Left/Right bottom ellipse.
    15. \n
\n

Block HTML Video

\n

\"Slideshow

\n

General

\n

\"Slideshow

\n

\"Slideshow

\n

\"Slideshow

\n
    \n
  1. Video (desktop) – the setting allows you to select a video from the picker for the desktop;
    2. \n
  2. Video (mobile) – the setting allows you to select a video from the picker for the mobile;
    3. \n
  3. Preview image (desktop) – the setting allows you to set the image for the desktop. Also used for thumbnail. 3776 x 2160px recommended.
    4. \n
  4. Preview image (mobile) – the setting allows you to set the image for the mobile. 1470 x 2048px recommended.
    5. \n
  5. Heading – the setting allows you to set the text for the title;
    6. \n
  6. Text – the setting allows you to set the text for the text;
    7. \n
  7. Button label – the setting allows you to set the label for the button;
    8. \n
  8. Button aria-label – the setting allows you to set the text for the aria-label attribute. The attribute is needed for accessibility;
    9. \n
  9. Button link – the setting allows you to set a link for the button.
    10. \n
  10. Open link in a new tab – the setting allows you to indicate how the link will open, in the current tab or the new;
    11. \n
\n

Video settings

\n

\"video

\n
    \n
  1. Play type – the setting allows you to set the playback type for the video.
    2. \n
\n

Alignment

\n

\"Slideshow

\n
    \n
  1. Text alignment inside block (desktop) – the setting allows you to set the text alignment for the desktop;
    2. \n
  2. Text alignment inside block (mobile) – the setting allows you to set the text alignment for the mobile;
    3. \n
  3. Content horizontal alignment (desktop) – the setting allows you to set the horizontal content alignment for the content;
    4. \n
  4. Content vertical alignment (desktop) – the setting allows you to set the vertical content alignment for the desktop;
    5. \n
  5. Content vertical alignment (mobile) – the setting allows you to set the vertical content alignment for the mobile.
    6. \n
\n

Colors

\n

\"Slideshow

\n

\"Slideshow

\n
    \n
  1. Background – the setting allows you to set the background color of the slide;
    2. \n
  2. Heading – the setting allows you to set the color for the header;
    3. \n
  3. Text – the setting allows you to set the color for the description;
    4. \n
  4. Button text – the setting allows you to set the color for the button label;
    5. \n
  5. Button background – the setting allows you to set the background color for the button;
    6. \n
  6. Button border – the setting allows you to set the border color for the button;
    7. \n
  7. Button border outer – the setting allows you to set the outer border color;
    8. \n
  8. Button text (hover) – the setting allows you to set the color for the button label on hover;
    9. \n
  9. Button background (hover) – the setting allows you to set the background color for the button on hover;
    10. \n
  10. Button border (hover) – the setting allows you to set the border color for the button;
    11. \n
  11. Button border outer (hover) – the setting allows you to set the outer border color on hover;
    12. \n
  12. Overlay – the setting allows you to set the color for the overlay;
    13. \n
  13. Backlight – the setting allows you to set the backlight color of the section;
    14. \n
  14. Backlight type – the setting allows you to set the backlight type Full bottom/Left/Right bottom ellipse.
    15. \n
\n

Block Vimeo/Youtube Video

\n

\"Slideshow

\n

General

\n

\n

\"Slideshow

\n

\"Slideshow

\n

\"Slideshow

\n
    \n
  1. Video URL (desktop) – the setting allows you to set a link to the video for the desktop;
    2. \n
  2. Video URL (mobile) – the setting allows you to set a link to a video for the mobile;
    3. \n
  3. Preview image (desktop) – the setting allows you to set the image for the desktop. Also used for thumbnail. 3776 x 2160px recommended.
    4. \n
  4. Preview image (mobile) – the setting allows you to set the image for the mobile. 1470 x 2048px recommended.
    5. \n
  5. Heading – the setting allows you to set the text for the title;
    6. \n
  6. Text – the setting allows you to set the text for the text;
    7. \n
  7. Button label – the setting allows you to set the label for the button;
    8. \n
  8. Button aria-label – the setting allows you to set the text for the aria-label attribute. The attribute is needed for accessibility;
    9. \n
  9. Button link – the setting allows you to set a link for the button;
    10. \n
  10. Open link in a new tab – the setting allows you to indicate how the link will open, in the current tab or the new;
    11. \n
\n

Video settings

\n

\"video

\n
    \n
  1. Play type – the setting allows you to set the playback type for the video.
    2. \n
\n

Alignment

\n

\"Slideshow

\n
    \n
  1. Text alignment inside block (desktop) – the setting allows you to set the text alignment for the desktop;
    2. \n
  2. Text alignment inside block (mobile) – the setting allows you to set the text alignment for the mobile;
    3. \n
  3. Content horizontal alignment (desktop) – the setting allows you to set the horizontal content alignment for the content;
    4. \n
  4. Content vertical alignment (desktop) – the setting allows you to set the vertical content alignment for the desktop;
    5. \n
  5. Content vertical alignment (mobile) – the setting allows you to set the vertical content alignment for the mobile.
    6. \n
\n

Colors

\n

\"Slideshow

\n

\"Slideshow

\n
    \n
  1. Background – the setting allows you to set the background color of the slide;
    2. \n
  2. Heading – the setting allows you to set the color for the header;
    3. \n
  3. Text – the setting allows you to set the color for the description;
    4. \n
  4. Button text – the setting allows you to set the color for the button label;
    5. \n
  5. Button background – the setting allows you to set the background color for the button;
    6. \n
  6. Button border – the setting allows you to set the border color for the button;
    7. \n
  7. Button border outer – the setting allows you to set the outer border color;
    8. \n
  8. Button text (hover) – the setting allows you to set the color for the button label on hover;
    9. \n
  9. Button background (hover) – the setting allows you to set the background color for the button on hover;
    10. \n
  10. Button border (hover) – the setting allows you to set the border color for the button;
    11. \n
  11. Button border outer (hover) – the setting allows you to set the outer border color on hover;
    12. \n
  12. Overlay – the setting allows you to set the color for the overlay;
    13. \n
  13. Backlight – the setting allows you to set the backlight color of the section;
    14. \n
  14. Backlight type – the setting allows you to set the backlight type Full bottom/Left/Right bottom ellipse.
    15. \n
\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

\n

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

\"Image

\n

Adding a section

\n

\"Image

\n

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

\n

Section settings

\n

\"Image

\n
    \n
  1. Image position – the setting allows you to select the image position;
    2. \n
  2. Text alignment – the setting allows you to select text alignment;
    3. \n
  3. Heading first line – the settings allow you to set the text for the first line header;
    4. \n
  4. Heading second line – the settings allow you to set the text for the second line header;
    5. \n
  5. Text – the setting allows you to set the text;
    6. \n
\n

Image main, Image secondary, Image additionally

\n

\n

\"Image

\n
    \n
  1. Image – the setting allows you to select an image;
    2. \n
  2. Object fit – the settings allow you to choose the image appearance;
    3. \n
\n

\n

Colors

\n

\n

\"Image

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
  3. Ellipse – setting allows you to choose a color for the Ellipse;
    4. \n
\n

\n

Layout

\n

\"Image

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Image
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

\"Image

\n
    \n
  1. Heading – the settings allow you to set the text for the block;
    2. \n
  2. Text – the setting allows you to set the text for block;
    3. \n
  3. Icon – the setting allows you to set the icon for block;
    4. \n
\n

\n

\n

\n

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

\"Store

\n

Adding a section

\n

\n

\"Store

\n

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

\n

\n

Section settings

\n

\n

\"Store

\n
    \n
  1. Heading (first line) – the setting allows you to specify the first line heading of the section;
    2. \n
  2. Heading (second line) – the setting allows you to specify the second line heading of the section;
    3. \n
  3. Decor image first – the setting allows you to specify the first decor image;
    4. \n
  4. Decor image second – the setting allows you to specify the second decor image;
    5. \n
\n

\n

Map

\n

\n

\"Store

\n
    \n
  1. Google maps API key – the setting allows you to add a Google Maps API key. Learn more about how to create an API key;
    2. \n
  2. Map query – the setting allows you to add a query parameter that is responsible for adding a point on the map. In our case, only the place mode has been added. You can add one point to the map in many ways. Learn more about how to add a query parameter;
    3. \n
  3. Map link – the setting allows you to add a link to a map, enabling users to open a specific location on an external mapping service (e.g., Google Maps);
    4. \n
  4. Map image desktop – the setting allows you to add a map image optimized for desktop devices, ensuring a clear and detailed view on larger screens;
    5. \n
  5. Map image mobile – the setting allows you to add a map image optimized for mobile devices, providing better readability and usability on smaller screens.
    6. \n
\n

\n

Contact info

\n

\n

\"Store

\n

\"Store

\n
    \n
  1. Address heading – the setting allows you to add a heading for the address section, which is displayed as a label before the address details.
    2. \n
  2. Address text – the setting allows you to add the address details, providing users with location information.
    3. \n
  3. Phone heading – the setting allows you to add a heading for the phone number section, serving as a label before the phone details.
    4. \n
  4. Phone text – the setting allows you to add a phone number, making it accessible for users to contact the business.
    5. \n
  5. Email heading – the setting allows you to add a heading for the email section, which appears before the email address.
    6. \n
  6. Email text – the setting allows you to add an email address, enabling users to reach out via email.
    7. \n
  7. Schedule heading – the setting allows you to add a heading for the business hours section, which acts as a label for the schedule.
    8. \n
  8. Schedule text – the setting allows you to add working hours, informing users about the available time for contact or visits.
    9. \n
  9. Button label – the setting allows you to add a label for a button, defining its text and purpose.
    10. \n
  10. Button URL – the setting allows you to add a URL for the button, directing users to a specific link when clicked.
    11. \n
  11. Link label – the setting allows you to add a label for an additional link, defining its text for better clarity.
    12. \n
  12. Link URL – the setting allows you to add a URL for an additional link, redirecting users to relevant content.
    13. \n
\n

\n

Colors

\n

\n

\"Store

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to inherit the color scheme from the theme settings, ensuring design consistency;
    2. \n
  2. Color scheme – the setting allows you to select a specific color scheme, customizing the appearance of the section according to predefined styles.
    3. \n
\n

\n

Layout

\n

\n

\"Store

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – the setting allows you to enable or disable bottom rounded corners for the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

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

\"Image

\n

Adding a section

\n

\"Image

\n

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

\n

Section settings

\n

General

\n

\"Image

\n
    \n
  1. Heading (first line) – the settings allow you to set the text for the first line header;
    2. \n
  2. Heading (second line) – the settings allow you to set the text for the second line header;
    3. \n
  3. Button label – the setting allows you to set the button label of the info card;
    4. \n
  4. Button link – the setting allows you to set the button link of the info card;
    5. \n
  5. Decor image first – the options allow you to set the decor first image;
    6. \n
  6. Decor image second – the options allow you to set the decor second image;
    7. \n
\n

Colors

\n

\n

\"Image

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\n

\"Image

\n
    \n
  1. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Image
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
  6. Inner desktop offset top – top internal indentation of the section on the desktop;
    7. \n
  7. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    8. \n
  8. Inner mobile offset top – top internal indentation of the section on the mobile;
    9. \n
  9. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    10. \n
\n

Blocks settings

\n

\"Image

\n
    \n
  1. Image – the settings allow you to choose a picture for the block;
    2. \n
  2. Icon hover – the settings allow you to choose the icon that will appear on hover;
    3. \n
  3. Link – the settings allow you to choose a link for the block;
    4. \n
  4. Open link in new tab – the setting allows you to choose whether to open the link in a new tab;
    5. \n
\n

\n

Additional information

\n

\n
    \n
  1. A section can have a maximum of 4 blocks;
    2. \n
  2. If a URL is not set in the block settings, images will not have a hover effect.
    3. \n
  3. Not all images are displayed on mobile
    4. \n
\n

\n

\"Image

\n

\n

\n

\n

\n

\n

\n

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

\"Pricing

\n

Adding a section

\n

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

\n

Section settings

\n

General

\n

\n

\"Pricing

\n
    \n
  1. Heading (first line) – setting allows you to set the text for the first line of the title;
    2. \n
  2. Heading (second line) – setting allows you to set the text for the second line of the title;
    3. \n
  3. Text – setting allows you to set the text for the section;
    4. \n
  4. List icon – setting allows you to set the icon for the list items.
    5. \n
\n

\n

Colors

\n

\n

\"Pricing

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled);
    3. \n
\n

\n

Layout

\n

\n

\"Pricing

\n
    \n
  1. Container width – setting allows you to select the width of the container (Default - 1440px/Large - 1920px/Full width/Inherit of general setting);
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

\n

Block settings

\n

\n

\"Pricing

\n

\"Pricing

\n

\"Pricing

\n
    \n
  1. Product – setting allows you to set the product for the card;
    2. \n
  2. Label – setting allows you to set the label for the card;
    3. \n
  3. Heading – setting allows you to set the heading for the card (default: title of the product);
    4. \n
  4. Subheading – setting allows you to set the subheading for the card;
    5. \n
  5. Unit price label – setting allows you to set the price unit label;
    6. \n
  6. Text – setting allows you to set the text for the card;
    7. \n
  7. Image – setting allows you to set the image for the card (default: featured image of the product);
    8. \n
  8. Button label – setting allows you to set the button label for the card;
    9. \n
  9. Label background – setting allows you to set the color for the label background;
    10. \n
  10. Label text – setting allows you to set the color for label text;
    11. \n
  11. Flashlight – setting allows you to choose the color for the “flashlight”.
    12. \n
\n

\n","blockTitle":"Pricing table","fieldGroupName":"manual_category_blocks","hash":"section-pricing-table"},{"blockContent":"

\n

Adding a section

\n

\n

\"Swipe

\n

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

\n

\n

Section settings

\n

\n

Layout

\n

\n

\"Swipe

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
\n

\n

Blocks settings

\n

\n

\"Swipe

\n
    \n
  1. Label – the setting is responsible for the label of the block;
    2. \n
  2. Heading (first line) – the setting is responsible for the first line of the heading of the block;
    3. \n
  3. Heading (second line) – the setting is responsible for the second line of the heading of the block;
    4. \n
  4. Text – the setting is responsible for the text of the block;
    5. \n
  5. Button label – the setting allows you to add the text in the button;
    6. \n
  6. Button link – the setting allows you to link the button;
    7. \n
  7. Open link in a new tab – the setting allows you to choose to open the link in a new tab;
    8. \n
  8. Main image – the setting is responsible for the main image of the block;
    9. \n
  9. Back image – the setting is responsible for the back image of the block;
    10. \n
  10. Image object-fit – the setting allows you to choose the image object-fit;
    11. \n
\n

\n

Colors

\n

\n

\"Swipe

\n

Block colors

\n
    \n
  1. Background – the setting allows you to set the background color of the slide;
    2. \n
  2. Text – the setting allows you to set the color for the text description;
    3. \n
  3. Ellipse – the setting allows you to set the color for the ellipse decor elements;
    4. \n
\n

Button colors

\n
    \n
  1. Text – the setting allows you to set the color for the button label;
    2. \n
  2. Background – the setting allows you to set the background color for the button;
    3. \n
  3. Border – the setting allows you to set the border color for the button;
    4. \n
  4. Border outer – the setting allows you to set the outer border color;
    5. \n
  5. Text (hover) – the setting allows you to set the color for the button label on hover;
    6. \n
  6. Background (hover) – the setting allows you to set the background color for the button on hover;
    7. \n
  7. Border (hover) – the setting allows you to set the border color for the button on hover;
    8. \n
  8. Border outer (hover) – the setting allows you to set the outer border color on hover;
    9. \n
\n

\n

Additional information

\n
    \n
  1. Slide switching is done by scrolling in the area of the section.
    2. \n
\n

\n","blockTitle":"Swipe","fieldGroupName":"manual_category_blocks","hash":"section-swipe"},{"blockContent":"

\"Video

\n

For Customers

\n

Adding a section

\n

\n

\"Adding

\n

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

\n

Section settings

\n

General

\n

\"Video

\n

\"Video

\n
    \n
  1. Video type – the setting allows you to choose if the video should play in a popup or not;
    2. \n
  2. Heading first line – the settings allow you to set the text for the first line header;
    3. \n
  3. Heading second line – the settings allow you to set the text for the second line header;
    4. \n
  4. Text – the setting allows you to set text content;
    5. \n
  5. Button label – the setting allows you to set text for button;
    6. \n
  6. Button link – the setting allows you to set a link for a button;
    7. \n
  7. Decor image first – this setting allows you to choose an image for the first placeholder.
    8. \n
  8. Decor image second – this setting allows you to choose an image for the second placeholder.
    9. \n
\n

Video

\n

\"Video

\n
    \n
  1. Image – setting allows you to add a picture for the video.
    2. \n
  2. Video type – the setting allows you to select the type of video (HTML5, Youtube/Vimeo);
    3. \n
  3. HTML5 desktop video url – the setting allows you to specify a link to a desktop video for the HTML5 type;
    4. \n
  4. HTML5 mobile video url – the setting allows you to specify a link to a mobile video for the HTML5 type;
    5. \n
  5. Youtube/Vimeo desktop video url – the setting allows you to specify a link to a desktop video for the Youtube/Vimeo type;
    6. \n
  6. Youtube/Vimeo mobile video url – the setting allows you to specify a link to a mobile video for the Youtube/Vimeo type.
    7. \n
\n

Colors

\n

\"Video

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

\n

Layout

\n

\"Video

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Video
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

\n

FAQ

\n

\n

\"Video

\n
    \n
  1. Heading – the setting allows you to add a title for the block.
    2. \n
  2. Text – the setting allows you to add a text for the block.
    3. \n
\n

\n

\n

\n

\n

\n

\n

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

Desktop

\n

\"Blog

\n

\"Blog

\n

\"Blog

\n

Mobile

\n

\n

\"Blog

\n

\"Blog

\n

\"Blog

\n

In this section, you can select a blog and see the last three articles from a selected blog.

\n

To show the author’s image in the article card, check the “Article card” manual

\n

\n

Adding a section

\n

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

\n

Section settings

\n

\"Blog

\n

General

\n
    \n
  1. Blog – the setting allows you to select a blog, the last 3 articles of which will be displayed. If this section is added to the article template or blog template and the Blog setting is empty, then the last three articles from a current blog will be shown;
    2. \n
  2. Heading (first line) – setting allows you to set the text for the first line of the heading;
    3. \n
  3. Heading (second line)– setting allows you to set the text for the second line of the heading;
    4. \n
  4. Button label – setting allows you to set the label for the link;
    5. \n
  5. Button aria label – the setting allows you to specify the field for aria-label, this field is needed to improve accessibility, and people using screen readers will hear the purpose of this button;
    6. \n
  6. Layout – setting allows you to set the layout for the section (2 small and 1 big / 3 equal). Layout ‘2 small and 1 big’ used when number of articles in blog is more than 2.
    7. \n
\n

Colors

\n

\n

\"Blog

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\"Blog

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile;
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

\n

\n

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

\"Newsletter\"

\n

\n

\n

Adding a section

\n

\"Newsletter

\n

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

\n

Section settings

\n

General

\n

\"Section

\n

\"Newsletter

\n
    \n
  1. Label – the setting allows you to set a label text;
    2. \n
  2. Heading (first line) – the setting allows you to set the first line of the heading;
    3. \n
  3. Heading (second line) – the setting allows you to set the second line of the heading;
    4. \n
  4. Text – this option allows you to set text;
    5. \n
  5. Success message – the setting allows you to set the text displayed after a successful form submission (only works with the standard form);
    6. \n
  6. Email placeholder – the setting allows you to set the placeholder text for the email input field;
    7. \n
  7. Main image – the setting allows you to select the main image;
    8. \n
  8. The first decorative image – the setting allows you to select the first decorative image;
    9. \n
  9. The second decorative image – the setting allows you to select the second decorative image;
    10. \n
\n

Colors

\n

\"Newsletter

\n
    \n
  1. Background color – the setting allows you to set the background color;
    2. \n
  2. Text color – the setting allows you to set the text color;
    3. \n
  3. Button background color – the setting allows you to set the background color of the button;
    4. \n
  4. Button color – the setting allows you to set the text color of the button;
    5. \n
\n

Layout

\n

\"Newsletter

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
\n

\n

\n

\n

\n

\n

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

\"Benefits\"

\n

Adding a section

\n

\n

\"Benefits

\n

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

\n

\n

Section settings

\n

\n

\"Benefits

\n
    \n
  1. Heading (first line) – setting allows you to add a title for the first line;
    2. \n
  2. Heading (second line) – setting allows you to add a title for the second line;
    3. \n
\n

\n

Colors

\n

\n

\"Benefits

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
  3. Ellipse – setting allows you to choose a color for the Ellipse;
    4. \n
\n

\n

Layout

\n

\n

\"Benefits

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Benefits
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

\n

\"Benefits

\n
    \n
  1. Heading – the setting allows you to specify the title;
    2. \n
  2. Icon – settings allow you to choose an icon for the block;
    3. \n
\n

\n

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

\"Ticker\"

\n

Adding a section

\n

\n

\"Ticker

\n

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

\n

\n

Section settings

\n

\n

\"Ticker

\n

General

\n

\n
    \n
  1. Hide bullets – the setting allows you to hide bullets between text;
    2. \n
  2. Disable pause on hover – the setting allows you to activate or deactivate the carousel slider when the cursor is hovered over it;
    3. \n
  3. Font – the setting allows you to set the font for the text;
    4. \n
  4. Font size (desktop) – the setting allows you to set the font size of the ticker for the Desktop;
    5. \n
  5. Font size (mobile) – the setting allows you to set the font size of the ticker for the Mobile.
    6. \n
  6. Enable border – the setting enables border (border will be added top and bottom).
    7. \n
  7. Border width – the setting allows you to set the thickness of the frame.
    8. \n
  8. Direction – the setting allows you to set the direction of ticker movement.
    9. \n
  9. Movement speed (desktop) – the setting allows you to set the speed of the ticker for the Desktop;
    10. \n
  10. Movement speed (mobile) – the setting allows you to set the speed of the ticker for the Mobile.
    11. \n
\n

\n

Colors

\n

\n

\"Ticker

\n
    \n
  1. Background – the setting allows you to set the background color of the section;
    2. \n
  2. Text – the setting allows you to set the color of the text.
    3. \n
  3. Border – the setting allows you to set the color of the border.
    4. \n
\n

\n

Layout

\n

\n

\"Ticker

\n
    \n
  1. Desktop offset top – the top indent of the section on the desktop;
    2. \n
  2. Desktop offset bottom – the bottom indent of the section on the desktop;
    3. \n
  3. Mobile offset top – the top indent of the section on the mobile;
    4. \n
  4. Mobile offset bottom – the bottom indent of the section on the mobile.
    5. \n
\n

\n

Blocks settings

\n

\"Ticker

\n
    \n
  1. Text – the setting allows you to fill in the text content for the section;
    2. \n
  2. Image – the setting allows you to specify the image (128 x 128px recommended);
    3. \n
\n

\n

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

\"Rich

\n

\"Rich

\n

Adding a section

\n

\"Rich

\n

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

\n

Section settings

\n

General

\n

\"Rich

\n

\"Rich

\n
    \n
  1. Heading (First line) – the setting allows you to set the text for the first line title;
    2. \n
  2. Heading (Second line) – the setting allows you to set the text for the second line title;
    3. \n
  3. Subheading – the setting allows you to set the text for the subtitle;
    4. \n
  4. Text – the setting allows you to set text content;
    5. \n
  5. Text alignment – the setting allows you to set the alignment of the text in the section. Can be “Left”, “Center”, “Right”;
    6. \n
  6. Enable read more button – the setting allows you to enable the “Read more” button to hide most of the text and show the “Read more” button that can show the full text;
    7. \n
  7. Read more button label – the setting allows you to set the button text when part of the text is hidden;
    8. \n
  8. Show less button label – the setting allows you to set a button text when text is visible.
    9. \n
\n

Colors

\n

\n

\"Rich

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – the setting allows you to set the color scheme of the section.
    3. \n
\n

\n

Layout

\n

\"Rich

\n
    \n
  1. Enable bottom rounded corners – the setting allows you to enable or disable the rounding of the bottom corners of the section;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile;
    6. \n
  6. Inner desktop offset top – the top inner indent of the section on the desktop;
    7. \n
  7. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    8. \n
  8. Inner mobile offset top – the top inner indent of the section on the mobile;
    9. \n
  9. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    10. \n
\n

\n

\n

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

Adding a section

\n

\n

\"Custom

\n

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

\n

Section settings

\n

\"Custom

\n
    \n
  1. Custom liquid – the setting allows you to add your liquid code.
    2. \n
\n

Layout

\n

\"Custom

\n
    \n
  1. Desktop offset top – the top indent of the section on the desktop;
    2. \n
  2. Desktop offset bottom – the bottom indent of the section on the desktop;
    3. \n
  3. Mobile offset top – the top indent of the section on the mobile;
    4. \n
  4. Mobile offset bottom – the bottom indent of the section on the mobile.
    5. \n
\n

Additional information

\n
    \n
  1. You can learn more about liquid here – https://shopify.dev/api/liquid.
    2. \n
\n

\n

\n

\n","blockTitle":"Custom liquid","fieldGroupName":"manual_category_blocks","hash":"section-custom-liquid"},{"blockContent":"

\"Login

\n

\"Login

\n

\"Login

\n

\n

\n

Adding a Section

\n

\n

\"Login

\n

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

\n

Section settings

\n

General

\n

\"Login

\n
    \n
  1. Image desktop – Upload an image for desktop display.
    2. \n
  2. Image mobile – Upload an image for mobile display.
    3. \n
  3. The first decorative image – Upload an optional decorative image.
    4. \n
  4. The second decorative image – Upload another optional decorative image.
    5. \n
\n

Colors

\n

\n

\"Login

\n
    \n
  1. Enable color scheme inheritance – When enabled, the section inherits the color scheme from the global theme settings.
    2. \n
  2. Color scheme – Select a custom color scheme for this section.
    3. \n
\n

\n

Layout

\n

\"Login

\n
    \n
  1. Enable bottom rounded corners – Enable this to apply rounded corners at the bottom of the section.
    2. \n
  2. Desktop offset top – Spacing above the section on desktop.
    3. \n
  3. Desktop offset bottom – Spacing below the section on desktop.
    4. \n
  4. Mobile offset top – Spacing above the section on mobile.
    5. \n
  5. Mobile offset bottom – Spacing below the section on mobile.
    6. \n
  6. Inner desktop offset top – Internal spacing at the top for desktop.
    7. \n
  7. Inner desktop offset bottom – Internal spacing at the bottom for desktop.
    8. \n
  8. Inner mobile offset top – Internal spacing at the top for mobile.
    9. \n
  9. Inner mobile offset bottom – Internal spacing at the bottom for mobile.
    10. \n
\n

\n

\n

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

\"Register

\n

Adding a Section

\n

\n

\"Register

\n

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

\n

Section settings

\n

General

\n

\n

\"Register

\n
    \n
  1. Image desktop – Upload an image for desktop display.
    2. \n
  2. Image mobile – Upload an image for mobile display.
    3. \n
  3. The first decorative image – Upload an optional decorative image.
    4. \n
  4. The second decorative image – Upload another optional decorative image.
    5. \n
\n

Colors

\n

\n

\"Register

\n
    \n
  1. Enable color scheme inheritance – When enabled, the section inherits the color scheme from the global theme settings.
    2. \n
  2. Color scheme – Select a custom color scheme for this section.
    3. \n
\n

\n

Layout

\n

\"Register

\n
    \n
  1. Enable bottom rounded corners – Enable this to apply rounded corners at the bottom of the section.
    2. \n
  2. Desktop offset top – Spacing above the section on desktop.
    3. \n
  3. Desktop offset bottom – Spacing below the section on desktop.
    4. \n
  4. Mobile offset top – Spacing above the section on mobile.
    5. \n
  5. Mobile offset bottom – Spacing below the section on mobile.
    6. \n
  6. Inner desktop offset top – Internal spacing at the top for desktop.
    7. \n
  7. Inner desktop offset bottom – Internal spacing at the bottom for desktop.
    8. \n
  8. Inner mobile offset top – Internal spacing at the top for mobile.
    9. \n
  9. Inner mobile offset bottom – Internal spacing at the bottom for mobile.
    10. \n
\n

\n

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

\"Activate

\n

Adding a Section

\n

\n

\"Activate

\n

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

\n

Section settings

\n

General

\n

\n

\"Activate

\n
    \n
  1. Image desktop – Upload an image for desktop display.
    2. \n
  2. Image mobile – Upload an image for mobile display.
    3. \n
  3. The first decorative image – Upload an optional decorative image.
    4. \n
  4. The second decorative image – Upload another optional decorative image.
    5. \n
\n

Colors

\n

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – When enabled, the section inherits the color scheme from the global theme settings.
    2. \n
  2. Color scheme – Select a custom color scheme for this section.
    3. \n
\n

\n

Layout

\n

\n

\"Activate

\n
    \n
  1. Enable bottom rounded corners – Enable this to apply rounded corners at the bottom of the section.
    2. \n
  2. Desktop offset top – Spacing above the section on desktop.
    3. \n
  3. Desktop offset bottom – Spacing below the section on desktop.
    4. \n
  4. Mobile offset top – Spacing above the section on mobile.
    5. \n
  5. Mobile offset bottom – Spacing below the section on mobile.
    6. \n
  6. Inner desktop offset top – Internal spacing at the top for desktop.
    7. \n
  7. Inner desktop offset bottom – Internal spacing at the bottom for desktop.
    8. \n
  8. Inner mobile offset top – Internal spacing at the top for mobile.
    9. \n
  9. Inner mobile offset bottom – Internal spacing at the bottom for mobile.
    10. \n
\n

\n

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

\"Reset

\n

Adding a Section

\n

\n

\"Reset

\n

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

\n

Section settings

\n

General

\n

\"Activate

\n
    \n
  1. Image desktop – Upload an image for desktop display.
    2. \n
  2. Image mobile – Upload an image for mobile display.
    3. \n
  3. The first decorative image – Upload an optional decorative image.
    4. \n
  4. The second decorative image – Upload another optional decorative image.
    5. \n
\n

\n

Colors

\n

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – When enabled, the section inherits the color scheme from the global theme settings.
    2. \n
  2. Color scheme – Select a custom color scheme for this section.
    3. \n
\n

\n

Layout

\n

\n

\"Activate

\n
    \n
  1. Enable bottom rounded corners – Enable this to apply rounded corners at the bottom of the section.
    2. \n
  2. Desktop offset top – Spacing above the section on desktop.
    3. \n
  3. Desktop offset bottom – Spacing below the section on desktop.
    4. \n
  4. Mobile offset top – Spacing above the section on mobile.
    5. \n
  5. Mobile offset bottom – Spacing below the section on mobile.
    6. \n
  6. Inner desktop offset top – Internal spacing at the top for desktop.
    7. \n
  7. Inner desktop offset bottom – Internal spacing at the bottom for desktop.
    8. \n
  8. Inner mobile offset top – Internal spacing at the top for mobile.
    9. \n
  9. Inner mobile offset bottom – Internal spacing at the bottom for mobile.
    10. \n
\n

\n

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

\"Account

\n

Adding a Section

\n

\n

\"Account

\n

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

\n

Section settings

\n

General

\n

\n

\"account

\n
    \n
  1. Continue shopping link – the setting allows you to link the continue shopping button;
    2. \n
\n

\n

Layout

\n

\n

\"Activate

\n
    \n
  1. Enable bottom rounded corners – Enable this to apply rounded corners at the bottom of the section.
    2. \n
  2. Desktop offset top – Spacing above the section on desktop.
    3. \n
  3. Desktop offset bottom – Spacing below the section on desktop.
    4. \n
  4. Mobile offset top – Spacing above the section on mobile.
    5. \n
  5. Mobile offset bottom – Spacing below the section on mobile.
    6. \n
  6. Inner desktop offset top – Internal spacing at the top for desktop.
    7. \n
  7. Inner desktop offset bottom – Internal spacing at the bottom for desktop.
    8. \n
  8. Inner mobile offset top – Internal spacing at the top for mobile.
    9. \n
  9. Inner mobile offset bottom – Internal spacing at the bottom for mobile.
    10. \n
\n

\n

Colors

\n

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – When enabled, the section inherits the color scheme from the global theme settings.
    2. \n
  2. Color scheme – Select a custom color scheme for this section.
    3. \n
\n

\n

\n","blockTitle":"Account template","fieldGroupName":"manual_category_blocks","hash":"section-account-template"},{"blockContent":"

\"Addresses

\n

\"Addresses

\n

\"Addresses

\n

\n

Adding a Section

\n

\n

\"Addresses

\n

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

\n

Section settings

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – When enabled, the section inherits the color scheme from the global theme settings.
    2. \n
  2. Color scheme – Select a custom color scheme for this section.
    3. \n
\n

\n

Layout

\n

\n

\"Activate

\n
    \n
  1. Enable bottom rounded corners – Enable this to apply rounded corners at the bottom of the section.
    2. \n
  2. Desktop offset top – Spacing above the section on desktop.
    3. \n
  3. Desktop offset bottom – Spacing below the section on desktop.
    4. \n
  4. Mobile offset top – Spacing above the section on mobile.
    5. \n
  5. Mobile offset bottom – Spacing below the section on mobile.
    6. \n
  6. Inner desktop offset top – Internal spacing at the top for desktop.
    7. \n
  7. Inner desktop offset bottom – Internal spacing at the bottom for desktop.
    8. \n
  8. Inner mobile offset top – Internal spacing at the top for mobile.
    9. \n
  9. Inner mobile offset bottom – Internal spacing at the bottom for mobile.
    10. \n
\n

\n

\n","blockTitle":"Addresses template","fieldGroupName":"manual_category_blocks","hash":"section-addresses-template"},{"blockContent":"

\"Newsletter

\n

\"Newsletter

\n

This block of settings is intended for the general settings of the Newsletter popup on the site.

\n

In order to get to the Newsletter popup settings block, you need to go to Customizer → Popups group → Newsletter popup.

\n

\"Newsletter

\n

Settings

\n

\n

\"Newsletter

\n
    \n
  1. Cookie time – the setting is responsible for the period for which the popup will be hidden when it is closed. Has several values: 1 day, 1 week, 1 month, 3 months, 1 year;
    2. \n
  2. Heading – popup title text field;
    3. \n
  3. Text – text field for text content;
    4. \n
  4. Input label – label for the input;
    5. \n
  5. Button label – label for the submit button;
    6. \n
  6. Image desktop – image picker for Desktop;
    7. \n
  7. Image mobile – image picker for Mobile (Desktop – default);
    8. \n
  8. Image object fit – choose how image will be resized in the container.
    9. \n
\n

Colors

\n

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Additional information

\n

\n
    \n
  1. The remaining settings (texts) are taken from the translations. Newsletter popup:
    2. \n
\n

\n

\"Newsletter

\n
    \n
  1. Label – the setting allows you to set the text for the input label;
    2. \n
  2. Success – message on successful subscription;
    3. \n
  3. Button label – setting allows you to set the label for the submit button.
    4. \n
\n

\n

\n

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

\"Ingredients\"

\n

Adding a section

\n

\n

\"Ingredients

\n

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

\n

\n

Section settings

\n

\n

\"Ingredients

\n
    \n
  1. Heading first line – the settings allow you to set the text for the first line header;
    2. \n
  2. Heading second line – the settings allow you to set the text for the second line header;
    3. \n
\n

\n

Colors

\n

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\n

\"Ingredients

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Ingredients
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

\n

Big card

\n

\n

\"Ingredients

\n
    \n
  1. Image – the options allow you to set a picture for the block;
    2. \n
  2. Heading – the options allow you to specify the text for the title for the block;
    3. \n
  3. Text – the options allow you to specify a title for the block;
    4. \n
  4. Use big heading – the parameters allow you to specify the title in uppercase (if a picture is selected, it will not be displayed);
    5. \n
\n

\n

Colors

\n

\n

\"Ingredients

\n
    \n
  1. Animation card color – settings allow you to choose the color for the “flashlight”
    2. \n
\n

\n

Small card

\n

\n

\"Ingredients

\n
    \n
  1. Image – the options allow you to set a picture for the block;
    2. \n
  2. Heading – the options allow you to specify the text for the title for the block;
    3. \n
\n

\n

Colors

\n

\n

\"Ingredients

\n
    \n
  1. Animation card color – settings allow you to choose the color for the “flashlight”
    2. \n
\n

\n

\n","blockTitle":"Ingredients","fieldGroupName":"manual_category_blocks","hash":"section-ingredients"},{"blockContent":"

\"Support

\n

Adding a section

\n

\n

\"Support

\n

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

\n

\n

Section settings

\n

\n

\"Support

\n
    \n
  1. Heading first line – the settings allow you to set the text for the first line header;
    2. \n
  2. Heading second line – the settings allow you to set the text for the second line header;
    3. \n
  3. Button label – the settings allow you to set the text for a button;
    4. \n
  4. Button aria-label – the settings allow you to set the button ARIA-label;
    5. \n
  5. Button link – the settings allow you to set the button link;
    6. \n
  6. Decor image first – the settings allow you to set the first decor image;
    7. \n
  7. Decor image second – the settings allow you to set the second decor image;
    8. \n
\n

\n

Colors

\n

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\n

\"Support

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

\n

Blocks settings

\n

Column

\n

\n

\"Support

\n
    \n
  1. Heading – the options allow you to specify the text for the title for the block;
    2. \n
  2. Text – the options allow you to specify a text for the block;
    3. \n
  3. Animation card color – the parameters allow you to specify the flashlight color which is visible on hover on the card.
    4. \n
\n

\n","blockTitle":"Support","fieldGroupName":"manual_category_blocks","hash":"section-support"},{"blockContent":"

\"Our

\n

Adding a section

\n

\n

\"Our

\n

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

\n

\n

Section settings

\n

\n

\"Our

\n
    \n
  1. Decor image first – the options allow you to set the decor first image;
    2. \n
  2. Decor image second – the options allow you to set the decor second image;
    3. \n
  3. Make not active text bold – this setting allows you to make all text bold or only the active text.
    4. \n
\n

\n

Colors

\n

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\"Our

\n

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Our
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

\n

Feature

\n

\n

\"Our

\n
    \n
  1. Text – the setting allows you to insert text for the block
    2. \n
\n

\n

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

\"Promo

\n

\"Promo

\n

\"Promo

\n

\"Promo

\n

\"Promo

\n

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

\n

\n

\"Promo

\n

Section settings

\n

\n

\"Promo

\n
    \n
  1. Heading first line – the settings allow you to set the text for the first line header;
    2. \n
  2. Heading second line – the settings allow you to set the text for the second line header;
    3. \n
  3. Grid layout – the settings allow you to set the text for the second line header;
    \nTwo landscape

    \n

    \"Promo

    \n

    Two big

    \n

    \"Promo
    \n

    \n

    One landscape and two small

    \n

    \"Promo

    \n

    One big and two landscape

    \n

    \"Promo

    \n

    One landscape, Two small, One big

    \n

    \"Promo

    \n

    4. \n
\n

Colors

\n

\"Activate

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\n

\"Promo

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Promo
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

Promo banner (limit: 4)

\n

\n

\"Promo

\n
    \n
  1. Heading – the setting allows you to add a title for the block;
    2. \n
  2. Text – the setting allows you to add text for the block;
    3. \n
  3. Button label – the setting allows you to add text for the block button;
    4. \n
  4. Button link – the setting allows you to add link for the block button;
    5. \n
  5. Backgroun image – the setting allows you to add an image for the block background;
    6. \n
  6. Main image – the setting allows you to add a main image;
    7. \n
  7. Back image – the setting allows you to add a back image;
    8. \n
  8. Main image object-fit – Cover – fill the entire area inside wrapper. Contain – scales proportionately;
    9. \n
  9. Make big heading – this option only works with the last block, using a grid layout with the following options: One landscape, Two small, One big, and the text box left empty.
    10. \n
\n

\n

Colors

\n

\n

\"Promo

\n
    \n
  1. Background – the setting allows you to add a background color for the block;
    2. \n
\n

\n

\n

\n

\n","blockTitle":"Promo banners","fieldGroupName":"manual_category_blocks","hash":"section-promo-banners"},{"blockContent":"

\"Story

\n

Adding a section

\n

\n

\"Store

\n

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

\n

\n

Section settings

\n

Colors

\n

\n

\"Store

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
  3. Label – the parameter allows you to set the color for the label;
    4. \n
\n

\n

Layout

\n

\n

\"Store

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Story
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

Content

\n

\n

\"Story

\n
    \n
  1. Slide heading – the setting allows you to add text for bullets;
    2. \n
  2. Label – the option allows you to add text for the label;
    3. \n
  3. Heading – the option allows you to add text for the heading;
    4. \n
  4. Text – the option allows you to add text for the block;
    5. \n
  5. Image – the option allows you to add an image for the block;
    6. \n
  6. Button label – the option allows you to add text for the button;
    7. \n
  7. Button aria-label – the option allows you to add text for the button area label;
    8. \n
  8. Button link – the option allows you to add a link for the button;
    9. \n
\n

\n

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

\"Quick

\n

Settings

\n

In order to change quick view settings, you need to go to Customizer → Theme settings → Quick view.

\n

\n

\"Quick

\n

General

\n

\n

\"Quick

\n
    \n
  1. Enable quick view – setting allows you to enable or disable quick view;
    2. \n
  2. Variant picker additional payment buttons – setting allows you to show or hide additional payment buttons, such as “Buy it now”;
    3. \n
  3. Variant picker – setting allows you to select variant picker. Possible values:
    \nButtons
    \n    \"Quick
    \nDropdown
    \n\"Quick
    \n
    4. \n
  4. Media layout – setting allows you to set Media layout on desktop: Carousel / Stacked;
    5. \n
  5. Color swatch type – setting allows you to set color swatch type. Possible values:
    \nRectangle
    \n\"Swatch
    \nSquare
    \n\"Swatch
    \n    Works only with Variant picker : Button

    \n

    6. \n
  6. Object fit image – setting allows you to set object fit for images.
    7. \n
\n

Countdown timer

\n

\n

\"Countdown

\n

\"Countdown

\n
    \n
  1. Show – a setting allows you to enable or disable countdown timer;
    2. \n
  2. Text – a setting allows you to set countdown timer text.
    3. \n
\n

\n

Add to card button

\n

\n

\"Add

\n
    \n
  1. Text – a setting allows you to set a text color;
    2. \n
  2. Background – a setting allows you to set a background;
    3. \n
  3. Border – a setting allows you to set a border color;
    4. \n
  4. Border outer – a setting allows you to set a border outer color;
    5. \n
  5. Text (hover) – a setting allows you to set a text color on hover;
    6. \n
  6. Background (hover) – a setting allows you to set a background on hover;
    7. \n
  7. Border (hover) – a setting allows you to set a border color on hover;
    8. \n
  8. Border outer (hover) – a setting allows you to set a border outer color on hover;
    9. \n
\n

\n

Compare product button

\n

\n

\"Compare

\n
    \n
  1. Text – a setting allows you to set a text color;
    2. \n
  2. Background – a setting allows you to set a background;
    3. \n
  3. Border – a setting allows you to set a border color;
    4. \n
  4. Border outer – a setting allows you to set a border outer color;
    5. \n
  5. Text (hover) – a setting allows you to set a text color on hover;
    6. \n
  6. Background (hover) – a setting allows you to set a background on hover;
    7. \n
  7. Border (hover) – a setting allows you to set a border color on hover;
    8. \n
  8. Border outer (hover) – a setting allows you to set a border outer color on hover;
    9. \n
\n

\n

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

A custom client implementation has been added to use the Shopify Cart API. The implementation is in the src/scripts/core/helpers/cart-api.js file.

\n

To access the API, a global variable is used that is available throughout the project after full loading – window.themeCore.CartApi. The variable provides access to the makeRequest function. With the help of which requests are made to the basket. The function declaration looks like this:

\n
function makeRequest(action, ...params);\r\n
\n

The function takes the following parameters:

\n\n

Also, the global window.themeCore.CartApi object provides access to the actions field – an object with constants (aliases) of all available request types. Each constant corresponds to a specific request type:

\n\n

Examples of using

\n

Add product to cart

\n
window.themeCore.CartApi.makeRequest(themeCore.CartApi.actions.ADD_TO_CART, {\r\n   'id': variant_id,\r\n\t 'quantity': quantity\r\n}).then(res => {\r\n\t// Some code...\r\n})\r\n.catch(e => {\r\n\t// Errors handling\r\n});\r\n
\n

Add multiple products to the cart

\n
window.themeCore.CartApi.makeRequest(themeCore.CartApi.actions.ADD_TO_CART_MANY, [\r\n\t{\r\n    'id': variant_id,\r\n\t\t'quantity': quantity\r\n\t},\r\n\t{\r\n    'id': variant_id,\r\n\t\t'quantity': quantity\r\n\t}\t\r\n]).then(res => {\r\n\t// Some code...\r\n})\r\n.catch(e => {\r\n\t// Errors handling\r\n});\r\n
\n

Remove the product from the cart

\n
window.themeCore.CartApi.makeRequest(themeCore.CartApi.actions.REMOVE_CART_ITEM, \r\n\tkey // Line item key\r\n).then(res => {\r\n\t// Some code...\r\n})\r\n.catch(e => {\r\n\t// Errors handling\r\n});\r\n
\n

Empty cart

\n
window.themeCore.CartApi.makeRequest(themeCore.CartApi.actions.CLEAR_CART)\r\n.then(res => {\r\n\t// Some code...\r\n})\r\n.catch(e => {\r\n\t// Errors handling\r\n});\r\n
\n

Change the quantity of a product in the cart

\n
window.themeCore.CartApi.makeRequest(themeCore.CartApi.actions.CHANGE_CART_ITEM_QUANTITY,\r\n\tkey, // Line item key\r\n\tquantity // New quantity\r\n).then(res => {\r\n\t// Some code...\r\n})\r\n.catch(e => {\r\n\t// Errors handling\r\n});\r\n
\n

JS Events

\n

If the request is successful, the makeRequest function fires an event in the EventBus – cart:updated. The event contains information about the result of the request (data), the type of the request (action), as well as the parameters (params) that were passed to the makeRequest function.

\n

Additional information

\n
    \n
  1. You can find out about possible parameters for the request here – https://shopify.dev/api/ajax/reference/cart
    2. \n
  2. For all requests, it is possible to specify the sections parameter. This parameter is a string with section IDs separated by commas. With this, https://shopify.dev/api/ajax/reference/cart#bundled-section-rendering can be used.
    3. \n
\n

\n

\n","blockTitle":"Cart API","fieldGroupName":"manual_category_blocks","hash":"section-cart-api"},{"blockContent":"

\"Order

\n

Adding a Section

\n

\"Order

\n

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

\n

Section settings

\n

Layout

\n

\n

\"Order

\n
    \n
  1. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Order
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
\n

Colors

\n

\"Order

\n
    \n
  1. Enable color scheme inheritance – the setting allows you to enable or disable the inheritance of the color scheme from the parent element;
    2. \n
  2. Color scheme – the setting allows you to define a set of colors used for styling the interface;
    3. \n
  3. Ellipse color – the setting allows you to specify the color of the ellipse.
    4. \n
\n

\n

\n

\n

\n

\n","blockTitle":"Order template","fieldGroupName":"manual_category_blocks","hash":"section-order-template"},{"blockContent":"

\"Scrolling

\n

Adding a section

\n

\n

\"Scrolling

\n

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

\n

\n

Section settings

\n

General

\n

\n

\"Scrolling

\n
    \n
  1. Image – the settings allow you to add an image for the section;
    2. \n
  2. Object fit image – the setting is responsible for stretching the image. If Cover(default) is selected – the image will take all the space available for it, that is, it will stretch as much as possible, and if Contain – it will retain its proportions;
    3. \n
  3. Enable image blur – the setting allows you to enable blur for the image;
    4. \n
  4. Image opacity – this option allows you to edit the transparency of the image;
    5. \n
  5. Decor image first – this option allows you to add the first decorative image;
    6. \n
  6. Decor image second – this option allows you to add the second decorative image;
    7. \n
  7. Decor image third – this option allows you to add the third decorative image;
    8. \n
\n

\n

Colors

\n

\n

\"Scrolling

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\n

\"Scrolling

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    \n\"Scrolling
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile.
    7. \n
  7. Inner desktop offset top – top internal indentation of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    9. \n
  9. Inner mobile offset top – top internal indentation of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    11. \n
\n

Blocks settings

\n

Content

\n

\n

\"Scrolling

\n
    \n
  1. Heading – the setting allows you to add a title for the block.
    2. \n
  2. Text – the setting allows you to add text for the block.
    3. \n
  3. Image – the setting allows you to add an icon for the block.
    4. \n
\n

\n

\n","blockTitle":"Scrolling text","fieldGroupName":"manual_category_blocks","hash":"section-scrolling-text"},{"blockContent":"

\"Products

\n

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

\n

\n

Section settings

\n

General

\n

Colors

\n

\n

\n

\"Products

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n

Layout

\n

\"Products

\n

\"Products

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then the container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Desktop offset top – the top indent of the section on the desktop;
    3. \n
  3. Desktop offset bottom – the bottom indent of the section on the desktop;
    4. \n
  4. Mobile offset top – the top indent of the section on the mobile;
    5. \n
  5. Mobile offset bottom – the bottom indent of the section on the mobile.
    6. \n
  6. Inner desktop offset top – top internal indentation of the section on the desktop;
    7. \n
  7. Inner desktop offset bottom – bottom internal indentation of the section on the desktop;
    8. \n
  8. Inner mobile offset top – top internal indentation of the section on the mobile;
    9. \n
  9. Inner mobile offset bottom – bottom internal indentation of the section on the mobile.
    10. \n
\n

\n

Blocks settings

\n

Product

\n

\n

\"Products

\n

\"Products

\n
    \n
  1. Product – the setting allows you to add a product for the block;
    2. \n
  2. Main heading – the setting allows you to add a main heading;
    3. \n
  3. Product subheading – the setting allows you to add subheading;
    4. \n
  4. Product description – the setting allows you to add description;
    5. \n
  5. Button leabel – this option allows you to add a label for the button;
    6. \n
  6. Product image – this option allows you to add an image for the block;
    7. \n
  7. Rotate product image – this option allows you to add make the image upside down;
    8. \n
  8. Decor image first – this option allows you to add an image for the first decorative picture;
    9. \n
  9. Decor image second – this option allows you to add an image for the second decorative picture;
    10. \n
  10. Decor image third – this option allows you to add an image for the third decorative picture;
    11. \n
  11. Ellipse – this setting allows you to add color to the Ellipse;
    12. \n
\n

\n

\n","blockTitle":"Products slideshow","fieldGroupName":"manual_category_blocks","hash":"section-products-slideshow"},{"blockContent":"

In this section, you can show products in a slideshow for your customers. You can change the count of products per row: 3 or 4.

\n

\n

\"Product

\n

\"Product

\n

Adding a section

\n

\n

\"Product

\n

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

\n

\n

Section settings

\n

General

\n

\n

\"Product

\n
    \n
  1. Heading (first line) – setting allows you to set the text for the first line of the heading;
    2. \n
  2. Heading (second line)– setting allows you to set the text for the second line of the heading;
    3. \n
  3. Layout – setting allows you to change the number of displayed cards on the Desktop. The values are 3, 4;
    4. \n
\n

\n

Colors

\n

\n

\"Product

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

Layout

\n

\n

\"Product

\n
    \n
  1. Container width – a container width of the section. If the “Inherit” value is selected then container width is based on the group ‘Layout’ settings in the Theme settings;
    2. \n
  2. Enable bottom rounded corners – setting allows you to enable or disable the rounding of the lower corners in the section;
    3. \n
  3. Desktop offset top – the top indent of the section on the desktop;
    4. \n
  4. Desktop offset bottom – the bottom indent of the section on the desktop;
    5. \n
  5. Mobile offset top – the top indent of the section on the mobile;
    6. \n
  6. Mobile offset bottom – the bottom indent of the section on the mobile;
    7. \n
  7. Inner desktop offset top – the top inner indent of the section on the desktop;
    8. \n
  8. Inner desktop offset bottom – the bottom inner indent of the section on the desktop;
    9. \n
  9. Inner mobile offset top – the top inner indent of the section on the mobile;
    10. \n
  10. Inner mobile offset bottom – the bottom inner indent of the section on the mobile.
    11. \n
\n

\n

Blocks settings

\n

\n

\"Product

\n
    \n
  1. Heading – the setting allows you to set a title for the block.
    2. \n
  2. Products – the setting is responsible for selecting products to display;
    3. \n
\n

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

\"Age

\n

\"Age

\n

\"Age

\n

\"Age

\n

This block of settings is intended for general settings of the Age verifier Popup on the site.

\n

If the customer closes the popup – the redirect will work.

\n

If the customer clicks on the main button – the popup will close and the customer can use a site.

\n

In order to get to the Age verifier Popup settings block, you need to go to Customizer → Popups group → Age verifier Popup.

\n

\n

\"Age

\n

Settings

\n

\n

\"Age

\n

\"Age

\n
    \n
  1. Enable – the setting is responsible for enabling/disabling the popup;
    2. \n
  2. Cookie time – the setting is responsible for the period for which the popup will be hidden when it is closed. Has several values: 1 day, 1 week, 1 month, 3 months, 1 year;
    3. \n
  3. Heading – popup title text field;
    4. \n
  4. Text – text field for text content;
    5. \n
  5. Button label – label for the main button;
    6. \n
  6. Button close label – label for the close button;
    7. \n
  7. Redirect link – link for redirect if the customer closes the popup. The “www.google.com” link is used by default;
    8. \n
  8. Image desktop – image picker for Desktop;
    9. \n
  9. Image mobile – image picker for Mobile (Desktop – default);
    10. \n
  10. Hide image on mobile – the setting is responsible for showing/hiding the image on mobile.
    11. \n
\n

\n

Colors

\n

\n

\"Product

\n
    \n
  1. Enable color scheme inheritance – setting allows you to enable or disable color scheme inheritance;
    2. \n
  2. Color scheme – setting allows you to select a color scheme for the section (works only when “Enable color scheme inheritance” is disabled).
    3. \n
\n

\n","blockTitle":"Age verifier Popup","fieldGroupName":"manual_category_blocks","hash":"section-age-verifier-popup"}]},{"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.

\n","blockTitle":"Troubleshooting","fieldGroupName":"manual_category_blocks","hash":"troubleshooting"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"FAQ","manualCategoryBlocks":[{"blockContent":"

How to check your theme’s version.

\n

There are 2 ways to check your theme’s version.

\n

– To check the current version of the Boutique Theme in the customizer, click on … to view the theme actions as well as the theme version.

\n

\n

\"theme-version\"

\n

– To check the current version of the Boutique Theme in the admin panel, go to Online Store → Themes and see the version of your theme.

\n

\n

\"theme-version

\n","blockTitle":"How to check your theme’s version","fieldGroupName":"manual_category_blocks","hash":"how-to-check-your-themes-version"},{"blockContent":"

How to share the preview link to the unpublished theme (draft) and the store password.

\n

Share a preview link:

\n

– Go to the Theme Customizer → click on … → click on Preview. Once the preview window opens in the new tab, click on the green share preview button and the bottom. After that copy the preview link and feel free to send it.

\n

\n
\n

– How to share the password for store access?

\n

To let visitors access your store, you can share the password by going to Online Store → Themes → click on See Store Password.

\n

\n
\n","blockTitle":"How to share the preview link and password","fieldGroupName":"manual_category_blocks","hash":"how-to-share-the-preview-link-and-password"},{"blockContent":"

Adding new sections is crucial to customize your store.

\n

To add a new section, go to your Theme Customizer → Open the page to which you’d like to add new sections → Scroll to the bottom of the Page Template → Click on Add section and choose the section you’d like to add. Please note that when adding a section to the Default template, the section, as well as the content you add to it, reflects on all other templates.

\n

Keep in mind, that newly added sections are always placed at the bottom of the page template. However, you can change the section’s position, read more about it here.

\n
\n

If you want to add a new section to a specific place on the page, then you need to hover in between the sections around that place you’ve chosen, then you will see an icon to add a new section.

\n
\n

\n

\n","blockTitle":"How to add a new section","fieldGroupName":"manual_category_blocks","hash":"how-to-add-a-new-section"},{"blockContent":"

To change the position of the section, scroll to the chosen section, hover over it, click on the handle icon, and move the section to the preferred place.

\n

\n
\n","blockTitle":"How to change the position of a section","fieldGroupName":"manual_category_blocks","hash":"how-to-change-the-position-of-a-section"},{"blockContent":"

If you want to hide the section from view, without deleting it, scroll to the chosen section, and click on the toggle icon (eye).

\n

\n
\n

Please note that some sections have blocks inside of them and each of the blocks can be hidden separately. To hide a specific block from the view, unfold the section, and click on the toggle (eye) icon.

\n

\n
\n","blockTitle":"How to hide the section from view","fieldGroupName":"manual_category_blocks","hash":"how-to-hide-the-section-from-view"},{"blockContent":"

To set up the Filters & Sort, you need to install the Search & Discovery APP, it’s a free Shopify APP.

\n

In the APP you need to go to the Filters.

\n

From there, you can add new filters, or remove the ones you do not need.

\n
\n

\n","blockTitle":"How to set up Filters & Sort","fieldGroupName":"manual_category_blocks","hash":"how-to-set-up-filters-and-sort"},{"blockContent":"

\"powered\"

\n

If you want to remove the “Powered by Shopify” please follow these steps:

\n

\n
    \n
  1. Go to Online Store > Themes.
    2. \n
  2. Click … > Edit default theme content.\n

    \"edit\"

    3. \n
  3. In the search box, enter powered.\n

    \"search\"

    4. \n
  4. In the Powered by Shopify box, enter a space.\n

    \"space

    5. \n
  5. \n
      \n
    1. Click Save.
      2. \n
    \n

    As you can see after these steps there’s no “Powered by Shopify” in the footer anymore.

    \n

    You can also check this article from the Shopify Help Center and watch Shopify’s video.

    \n

    \"copyright\"

    6. \n
\n

\n","blockTitle":"How to remove the \"Powered by Shopify\"","fieldGroupName":"manual_category_blocks","hash":"how-to-remove-the-powered-by-shopify"},{"blockContent":"

If you need help integrating the App with the Theme, then 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

\n","blockTitle":"App integration","fieldGroupName":"manual_category_blocks","hash":"app-integration"},{"blockContent":"

Setting up Color Swatches is crucial to customize your store. Here’s an easy guide on how to properly add the swatches.

\n

First of all, make sure you have enabled the color swatches for your store. For this, you need to go to the Theme Customizer → Theme settings → Product. In there, scroll to the Swatches and click on Enable.

\n

\n
\n

The next step is to add the files of the swatches to your Admin Panel → Content → Files. The files must be named in the following format: swatch-black, swatch-light-blue. In the name of the file, all words must be in lowercase, any blank space should be replaced with “-”, and the file must start with the word swatch. We also recommend having the images in .png and 40x40px or 50x50px.

\n

\n","blockTitle":"How to set up Color Swatches","fieldGroupName":"manual_category_blocks","hash":"how-to-set-up-color-swatches"},{"blockContent":"

Adding a hover image (or video) for your product cards elevates the look of your store.

\n

To add a hover image feature, you need to create proper metafields.

\n

The hover image metafield should be created for Products and for Variants. When creating a Hover Image metafield, make sure you enter the namespace and key as product_card.hover_image

\n

How to add the Hover image metafield for a product:

\n
\n

How to add the Hover image metafield for a variant:

\n

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

\n

\n","blockTitle":"How to set up Hover Image","fieldGroupName":"manual_category_blocks","hash":"how-to-set-up-hover-image"},{"blockContent":"

When developing the Promotion theme, we optimized its speed.

\n

To increase or keep the speed up of your store, we always recommend compressing all your images and only after that, can you upload them to your Shopify Admin Panel. We also recommend not to use a lot of sections per page, as this will slow down the website. If you use the Video section, we recommend choosing HTML5 videos, these are the videos that you add to your Shopify Admin Panel content, instead of the YouTube or Vimeo videos.

\n

If you use any 3rd-party Apps, please keep in mind that they might slow down your site speed. The more Apps you use, the more they affect the speed.

\n

\n","blockTitle":"Theme Speed","fieldGroupName":"manual_category_blocks","hash":"theme-speed"},{"blockContent":"

To display the Size guide on the Product page, you need to do the following:

\n\n

In the Size Guide pop up you can also display additional product model information, like a picture and a text. To do this, follow these steps:

\n\n

\n

\n","blockTitle":"How to set up the Size Guide","fieldGroupName":"manual_category_blocks","hash":"how-to-set-up-the-size-guide"},{"blockContent":"

Promotion Theme supports B2B selling of a specific minimum quantity of items.

\n

Quantity Increment

\n

The number of items by which the variant can be purchased, if the variant only sells in multiples of a set quantity. This field restricts customers from buying a quantity that’s not in multiples of the quantity increment.

\n

To set quantity rules, you need to set a value of 1 or greater for both Quantity Increment and Minimum Order Quantity. The Maximum Order Quantity field is optional and can be left blank.

\n

If the values for Quantity Increment, Minimum Order Quantity, and Maximum Order Quantity are all blank for the same row, then the quantity rules for that product variant are removed.

\n

Minimum Order Quantity

\n

The fewest number of items of the variant that a customer can purchase at the same time.

\n

To set quantity rules, you need to set a value of 1 or greater for both Quantity Increment and Minimum Order Quantity.

\n

To learn more about the quantity rule for B2B, check out this article from Shopify.

\n

\n","blockTitle":"B2B Quantity Rule","fieldGroupName":"manual_category_blocks","hash":"b2b-quantity-rule"}]},{"fieldGroupName":"manual_category","manualCategoryTitle":"Support","manualCategoryBlocks":[{"blockContent":"

Victory Theme Support.

\n

If you need any help with your Victory Theme, feel free to reach out to us by email. Please note that we can help you with your theme, provided that it is updated to the latest version.

\n

We typically reply during business hours 8 am – 5 pm (Brussels, GMT +02:00), Monday-Friday (excluding holidays). 

\n

Reach out via the contact form below, or send us a direct email at support@utdweb.team.

\n

Contact us

\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 Victory 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

Custom changes.

\n

If you need anything custom-developed for your store, then please note that this is now part of the theme support. If you need anything custom-added to your store, please note that we have a team of developers who can implement new features at an additional cost.
\nFeel free to learn more about our services by clicking the button below or contact us directly via support@utdweb.team and let us know the details of your request.

\n

Paid Services

\n","blockTitle":"Contact us","fieldGroupName":"manual_category_blocks","hash":"contact-us"}]}]}],"topLinks":{"latestUpdates":{"linkText":"Latest Updates","releaseNotesArticle":null},"paidServices":{"linkText":"Paid Services","linkUrl":{"uri":"/paid-services/victory-theme/"}}}}},"lastmod":"2026-10-21"}}, "staticQueryHashes": ["1083880928","1850027792","2115852241","2249625599","2590265254","3117944600","3394409019","3777654359","842661457"]}