Allure Theme manual from UTD

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

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

Settings

Base and heading fonts

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

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

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

4. Base font size – plain text size;

5. Heading font size – heading text size.

Color Schemes Guide

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.

Main Scheme Selection

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

Color Scheme Group

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

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

Settings

Scrollbar

1. Thumb – scrollbar thumb color;

2. Track – scrollbar track color;

3. Thumb opacity – transparency of the scrollbar thumb as a percentage of black;

4. Track opacity – transparency of the scrollbar track as a percentage of black.

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

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

Settings

Button font settings

1. Font – font family for all buttons, default: Inter;

2. Font size – font size for all buttons, default: 16px;

3. Uppercase – button text transform to uppercase.

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

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

Settings

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

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

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

Settings

1. Enable color swatches – the setting is responsible for 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 – Shopify’s Standard Product Taxonomy. 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. 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.

These settings are intended for general Product settings on the site.

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

These settings are intended for general Product labels settings on the site.

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

General

1. Enable labels – the setting allows you to show labels. 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 or a sale % label label in case product is available and compare at price > price;

2. Enable Sale % label – the setting allows you to show Sale % label. Enable labels must be enabled. Label is displayed if compare at price > price and product is not sold out;

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

4. The background is specified for each label;

5. The border color is specified for each label;

6. Background transparency is specified for each label using a range step range of 10%. The minimum value is 10% and the maximum is 100%.

These settings are intended for general Product card settings on the site.

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

General

1. Show vendor – the setting allows you to show/hide the product vendor;

2. Enable quick view – the setting allows you to enable the quick view feature;

3. Show currency code – the setting allows you to show currency code;

4. Enable image change on hover – the setting allows you to show the second image (video) 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.

   • If color swatches are disabled, then you need to add this field only to the product;

   • If color swatches are enabled, you must also add this field to the variant;

   • If color swatches are enabled and other options are present, for example, size, material, etc., then you need to add an image (video) only to the first variant of each color.

5. Image aspect ratio – the setting allows you to choose the aspect ratio of the image. Can be Square or Portrait;

6. Object fit image – the setting allows you to stretch 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;

Colors

1. Quick view button color – the setting allows you to specify the text color of quick view button;

2. Quick view button background – the setting allows you to specify the background color of quick view button;

3. Quick view button background opacity – the setting allows you to specify the background opacity of the quick view button;

4. Quick view button enables blur – the setting allows you to specify the blur effect of quick view button background.

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

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

Settings

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

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

Settings

General

1. Show additional payment buttons – the setting allows you to enable additional payment buttons ‘Add to cart’ button;

2. Button style – the setting allows you to set the style of the button: Primary / Secondary;

3. Button ‘Buy it now’ style – the setting allows you to set the style of the ‘Buy it now’ button: Primary / Secondary;

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. Object fit image – setting allows you to set the value for the object-fit property of the image;

6. Show description – the setting allows you to show a description;

7. Show stock message – the setting allows you to show stock message.

 

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

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

General

1. Enable – the setting allows you to turn on the predictive search feature;

2. Enable search by articles – the setting allows to include articles in the search;

3. Enable search by pages – the setting allows to include pages in the search;

4. No results text – the setting allows to set no result text;

5. Trending Search Terms – the setting allows you to set trending search terms(Enter words separated by commas without spaces that will be displayed as frequently used search terms);

6. Promo products – the setting allows you to set list of promo products.

Colors

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

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

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

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

Settings

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

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

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

Settings

Color

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Enable – the setting is responsible for enabling/disabling the popup;

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. 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. Text – the setting is responsible for the text inside the popup.

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

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

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

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

Settings

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

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

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

Settings

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

Additional information

In this block, your CSS 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.

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

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

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

This is a page with a unique template 404.json

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

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

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

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

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

This is a page with a unique template password.json

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

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

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

 

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

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

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

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

You can use the section Article main to configure the appearance and additional settings of the page.

Collection template

Collection template mobile

 

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

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

You can use the section “Collection banner” & “Collection template” to configure the appearance and additional settings of the page. You can also use the ”Collection list” section to display a list of collections

 

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

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

The Contact template does not have its own sections and consists of already available sections of the theme. By default, the page has the following sections: Banner, Store location, Stores locator, Contact form.
You can easily change the sections on the page.

This is a page with a unique template gift_card.liquid

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

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

This is a product page with default template product.json

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

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

This is a homepage with default template index.json.

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.

The only thing that limits you is the section limit – 25.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Adding a Section

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

Section settings

General

1. Image – this setting is responsible for the image. If the image is not selected, a placeholder will be displayed;

2. Heading – this setting is responsible for the heading.

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

1. Make full width – If disabled – container width will be set based on the group ‘Layout’ settings in the Theme settings;

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

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

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

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

Adding a section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Heading – this setting is responsible for the heading;

2. Description – this setting is responsible for the description.

Layout

1. Make full width – If disabled – container width will be set based on the group ‘Layout’ settings in the Theme settings;

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Blocks settings

1. Icon – the setting allows you to set the icon of the block;

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

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

Adding a Section

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

Section settings

General

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

2. Color scheme – this setting allows you to select a color scheme for the section;

3. Heading – this setting allows you to set text of the heading.

Layout

1. Make full width – If disabled – container width will be set based on the group ‘Layout’ settings in the Theme settings;

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Blocks settings

1. Icon – the setting allows you to set icon of the block;

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

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

Adding a section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Heading — this setting allows you to set text of the heading;

2. Label — this setting allows you to set text of the label;

3. Text — this setting allows you to set the main text of section;

4. Text alignment — this setting allows you to set the alignment of the text (left, center, or right);

5. Enable read more button — this setting enables the feature to truncate text and display a button to expand the full text. Limits the display to 5 lines. Anything after the fifth line is truncated;

6. Read more button label — this setting allows you to set the text of the “Read more” button;

7. Show less button label — this setting allows you to set the text of the “Show less” button;

8. Link text — this setting allows you to set the text of the link;

9. Link — this setting allows you to add a link for the section.

Layout

1. Container width – section container settings.

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Adding a section

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

Section settings

General

1. Image – setting allows you to set a picture for the background of the section and for the video preview.

Video

1. Video type – setting allows you to select the type of video, Youtube/Vimeo or HTML5.

2. HTML5 desktop video – setting allows you to choose a video for your desktop.

3. HTML5 mobile video – setting allows you to choose a video for your mobile.

4. Youtube/Vimeo desktop video url – setting allows you to add links to Youtube/Vimeo videos for your desktop.

5. Youtube/Vimeo mobile video url – setting allows you to add links to Youtube/Vimeo videos for your mobile.

6. Custom cursor image – setting allows you to add an icon for the cursor.

Ticker

1. Text color – setting allows you to set the color for the ticker.

2. Movement speed (desktop) size – setting allows you to set the speed of the ticker on the desktop.

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

Layout

1. Container width – section container settings

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

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

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

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

Blocks settings

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

Adding a Section

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

Settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

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

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

3. Terms and conditions text – the setting allows you to set the text before submit button;

4. Name placeholder – the setting allows you to set the placeholder for the Name field;

5. Email placeholder – the setting allows you to set the placeholder for the Email field;

6. Phone placeholder – the setting allows you to set the placeholder for the Phone field;

7. Message placeholder – the setting allows you to set the placeholder for the Message field;

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

9. Success message – the setting allows you to specify the text about successful sending of the message.

Layout

1. Container width - section container settings.

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

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

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

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

6. Inner desktop offset top - the top indent of the inner container on the desktop;

7. Inner desktop offset bottom - the bottom indent of the inner container on the desktop;

8. Inner mobile offset top - the top indent of the inner container on the mobile;

9. Inner mobile offset bottom - the bottom indent of the inner container on the mobile.

Adding a Section

In this section, you can display a list of the last seven blog posts.

Adding a section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Heading – this setting allows you to set text of the heading.

2. Blog – select the blog whose posts you want to display.

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

4. Button aria-label – setting allows you to set the aria-label for the button. This attribute allows screen readers to better convey information to people with disabilities.

5. Button style – setting allows you to set the type of the button.

Layout

1. Container width – section container settings.

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

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

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

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

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

Add section

Settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Enable – the setting is responsible for enabling/disabling the popup;

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. Heading – popup title text field;

4. Text – text field for text content;

5. Button label – label for the main button;

6. Button style – main button style;

7. Button close label – label for the close button;

8. Redirect link – link for redirect if the customer closes the popup. The “http://www.google.com/” link is used by default;

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

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

Settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Layout – the setting allows you to set accept layout style;

2. Cookie time – the setting is responsible for the time until the popup is re-displayed when the user closes it.

Text

1. Image desktop – setting allows you to set desktop image;

2. Image mobile – setting allows you to set mobile image;

3. Heading – setting allows you to set title text;

4. Text – setting allows you to set description text;

5. Link label – setting allows you to set accept link label;

6. Link url – setting allows you to set accept link label url.

Product

1. Product – setting allows you to set the product to open quick view on click.

In this section, you can add max 6 blocks with product to display hot spots on the image that help customers buy specific products.

Adding a Section

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

Section settings

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

2. Color scheme – this setting allows you to select a color scheme for the section;

3. Heading – this setting allows you to set text of the heading;

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

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

6. Link aria-label – the setting allows you to set the aria-label for the link;

7. Link url – the setting allows you to set the link for the link;

8. Make the first hotspot opened – the setting allows you to set the first hop-spot opened in the section by default;

9. Enable hotspot animation – the setting allows you to enable hotspot animations;

10. Image desktop – the setting allows you to select a custom desktop image of the section;

11. Image mobile – the setting allows you to select a custom mobile image of the section;

Colors

1. Text – the setting allows you to select a color for the title and text (on the desktop).

2. Link – the setting allows you to select a color for the link.

3. Spot background – the setting allows you to select a color for the spot background;

4. Spot color – the setting allows you to select a color for the spot color;

5. Spot border color – the setting allows you to select a color for the spot border color;

6. Spot background active – the setting allows you to select a color for the spot background active state;

7. Spot color active – the setting allows you to select a color for the spot color active state;

8. Spot border active color – the setting allows you to select a color for the spot border color active state;

Layout

1. Container width – section container settings.

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

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

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

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

Block settings

1. Product – the product that will show in the popup after clicking on hotspot;

2. Product image – the setting allows you to select a custom image instead of a product image;

3. Spot horizontal position desktop – the setting allows you to set the horizontal position (desktop) of the hotspot;

4. Spot vertical position desktop – the setting allows you to set the vertical position (desktop) of the hotspot;

5. Spot horizontal position mobile – the setting allows you to set the horizontal position (mobile) of the hotspot;

6. Spot vertical position mobile – the setting allows you to set the vertical position (mobile) of the hotspot;

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

Adding a Section

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

Section settings

General

1. Desktop banner min height – the setting allows you to specify a minimum height for the banner on the desktop;

2. Mobile banner min height – the setting allows you to specify a minimum height for the banner on the mobile;

3. Media type – the setting allows you to select the type of media content to be displayed. Available types are: Image, HTML5 video, Youtube/Vimeo.

4. Heading – the setting allows you to specify the title of the section;

5. Text – the setting allows you to specify the text content;

6. First button label – the setting allows you to specify the label content of the button;

7. First button link – the setting allows you to specify the url field for the button;

8. First 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;

9. Second button label – the setting allows you to specify the label content of the button;

10. Second button link – the setting allows you to specify the url field for the button;

11. Second 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;

12. Image desktop – the setting allows you to specify the picture displayed on the desktop. Only works with ‘Image‘ media type;

13. Image mobile – the setting allows you to specify the picture displayed on the mobile. Only works with ‘Image‘ media type;

14. Show breadcrumbs – the setting allows you to show the breadcrumbs inside the banner(Can be displayed on any page except the home page).

Countdown timer

1. Enable – enable countdown timer block;

2. Year – the setting allows you to specify the year until the end of the countdown;

3. Month – the setting allows you to specify the month until the end of the countdown;

4. Day – the setting allows you to specify the day until the end of the countdown;

5. Hour – the setting allows you to specify the hour until the end of the countdown;

6. Timezone – the setting allows you to specify the Timezone;

7. Timer background – the setting allows you to specify the background color for the countdown;

8. Timer color – the setting allows you to specify the text color for the countdown.

Video

1. HTML5 desktop video – the setting allows you to specify the field to add an HTML5 Video displayed on the desktop;

2. HTML5 mobile video – the setting allows you to specify the field to add an HTML5 Video displayed on mobile;

3. Youtube/Vimeo desktop video url – the setting allows you to specify the link to Youtube or Vimeo video displayed on the Desktop;

4. Youtube/Vimeo mobile video url – the setting allows you to specify the link to Youtube or Vimeo video displayed on Mobile.

Alignment

1. Text alignment desktop – the setting allows you to specify text alignment on the desktop;

2. Text alignment mobile – the setting allows you to specify text alignment on the mobile;

3. Block alignment horizontal – the setting allows you to select the horizontal alignment of the block;

4. Block alignment vertical – the setting allows you to select the vertical alignment of the block;

5. Block alignment vertical mobile – the setting allows you to select the vertical alignment of the block (mobile);

Colors

1. Section background – the setting allows you to specify the background color;

2. Overlay – the setting allows you to specify the overlay color for media content;

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

4. First button background – the setting allows you to specify the button background color;

5. First button label – the setting allows you to specify the button label color;

6. First button border – the setting allows you to specify the button border color;

7. First button background (hover) – the setting allows you to specify the button background color on hover;

8. First button label (hover) – the setting allows you to specify the button label color on hover;

9. First button border (hover) – the setting allows you to specify the button border color on hover;

10. Second button background – the setting allows you to specify the button background color;

11. Second button label – the setting allows you to specify the button label color;

12. Second button border – the setting allows you to specify the button border color;

13. Second button background (hover) – the setting allows you to specify the button background color on hover;

14. Second button label (hover) – the setting allows you to specify the button label color on hover;

15. Second button border (hover) – the setting allows you to specify the button border color on hover;

Layout

1. Container width – section container settings.

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

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

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

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

Adding a section

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

Settings

 

General

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

2. Color scheme – this setting allows you to select a color scheme for the section;

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

4. Two images layout – the setting allows you to set the section layout;

5. Image – the setting allows you to set the first image;

6. Second image – the setting allows you to set the second image;

7. Third image – the setting allows you to set the third image.

 

Layout

1. Container width – section container settings;

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Adding a section

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

Adding a section

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

Section settings

General

1. Heading – section heading;

2. Text – section richtext;

3. First image – the image that will be displayed as a “before image”;

4. Second image – the image that will be displayed as an “after image”. Use an image with the same dimensions as the first image for the best view of the section;

5. Background image – the settings allow you to add a picture for the background;

6. Desktop image height – the height of the images in the section. The setting has options from 200px to 800px in increments of 50px. There is also an option for full size – the image occupies 100% of the width and height of the section;

7. Mobile image height – mobile image height. The setting has the same options as the desktop.

Layout

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. Desktop offset top – the top indent of the section on the desktop;

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

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

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

Adding a section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Enable autoplay — this setting allows you to enable automatic slide transitions;

2. Autoplay speed — this setting allows you to set sets the interval in seconds between slides during autoplay.

Layout

1. Container width — section container settings.

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

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

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

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

6. Inner desktop offset top — the top indent of the inner container on the desktop;

7. Inner desktop offset bottom — the bottom indent of the inner container on the desktop;

8. Inner mobile offset top — the top indent of the inner container on the mobile;

9. Inner mobile offset bottom — the bottom indent of the inner container on the mobile.

Block settings

1. Collection — this setting allows you to select the collection to display on the slide;

2. Image — this setting allows you to upload a custom image to replace the default collection image;

3. Custom heading – this setting allows you to set a custom collection heading;

4. Button label — the setting allows you to set the text displayed on the button;

5. Button style — the setting allows you to choose the style of the button;

6. Heading active color — the setting allows you to set the color of the collection title displayed on the active slide;

7. Button color — this setting allows you to set the text color of the button;

8. Button background — this setting allows you to set the background color of the button;

9. Button border — this setting allows you to set the border color of the button;

10. Button color (hover) — this setting allows you to set the text color of the button when hovered;

11. Button background (hover) — this setting allows you to set the background color of the button when hovered;

12. Button border (hover) — this setting allows you to set the border color of the button when hovered.

Adding a Section

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

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

Settings

Colors

 

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Cookie time – the setting is responsible for the time until the popup is re-displayed when the user closes it;

2. Heading – setting allows you to set title text;

3. Text – setting allows you to set description text;

4. Input placeholder – setting allows you to set input placeholder text;

5. Button submit label – setting allows you to set the submit button text;

6. Button close label – setting allows you to set close button text;

7. Show socials – setting allows you to show/hide social links;

8. Enable images animation – setting allows you to enable/disable image animation.

Blocks settings

By default placeholders are used for images. At least three image settings for a block must be filled in for placeholders not to be displayed.

1. Movement speed (desktop) — this setting allows you to set the animation time, which affects the speed on desktop;

2. Movement speed (mobile) — this setting allows you to set the animation time, which affects the speed on mobile;

3. Image 1 — this setting allows you to upload a custom image #1;

4. Image 2 — this setting allows you to upload a custom image #2;

5. Image 3 — this setting allows you to upload a custom image #3;

6. Image 4 — this setting allows you to upload a custom image #4.

Additional information

The remaining settings (texts) are taken from the translations. Newsletter popup:

1. Label – the setting allows you to set the text for the input label;

2. Success – message on successful subscription;

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

Adding a Section

The section is present by default in the Header group

Section settings

General

1. Layout

   1. Slideshow: Displays content as a slideshow (requires “Text slide” blocks).

   2. Ticker: Displays content in a ticker format.

Slideshow

1. Enable autoplay – Automatically cycles through slides if enabled.

2. Autoplay speed – Adjust the interval (in seconds) between slides.

Simple Text

1. Text – Add a single block of text for the announcement bar.

Ticker

1. Hide bullets – Hides navigation bullets under the ticker.

2. Text – Add scrolling text content for the ticker.

3. Discount code – Add a code to be displayed.

4. Discount label – Text displayed alongside the discount code. Default: “Copy”.

5. Movement speed (desktop) – Adjust the ticker’s scrolling speed on desktop (in seconds).

6. Movement speed (mobile) – Adjust the ticker’s scrolling speed on mobile (in seconds).

Discount

1. Discount code – input in which you want to add the desired discount code;

2. Discount label – input for the label of the button that allows users to copy the discount;

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section;

3. Discount text color – Customize the text color for the discount block.

4. Discount background color – Customize the background color for the discount block.

5. Discount border color – Customize the border color for the discount block.

Blocks settings

Adding a section

The section is present by default in the Footer group

Section settings

Logo

1. Logo image – Upload an image for the logo.

2. Logo width – Set the width of the logo (50–450 px). Default: 320 px.

3. Copyright text – Customize the copyright text.

   1. Default: “Copyright © %date%.”

   2. “%date%” will be replaced with the current year.

4. Show payment icons – Toggle to display or hide payment icons.

Country/Region Selector

1. Show country/region selector – Toggle to enable or disable the selector.

Language Selector

1. Show language selector – Toggle to enable or disable the selector.

Follow on Shop

1. Enable Follow on Shop – Toggle to display a “Follow on Shop” option.

Colors

1. Enable color scheme inheritance – Inherit color scheme from the theme settings.

2. Color scheme – Choose a specific color scheme if inheritance is disabled.

Blocks settings

Footer Menu

Limit: 3 menu blocks.

1. Heading – Add a heading for the menu block.

2. Menu – Choose a menu to display (top-level items only). Default: footer.

Footer Contact

Limit: 1 contact block.

1. Heading – Add a heading for the contact block.

2. Show socials – Toggle to show or hide social links (to add socials go to Theme Settings → Social media).

Email

1. Icon – Upload an image for the email icon.

2. Text – Add custom email text.

Phone

1. Icon – Upload an image for the phone icon.

2. Text – Add custom phone text.

Additional Information

1. Icon – Upload an image for additional information.

2. Text – Add custom text for additional details.

Footer Newsletter

Limit: 1 newsletter block.

Adding a section

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

Section settings

Colors

1. Enable color scheme inheritance – when this setting is enabled, the color scheme is inherited from the theme settings;
2. Color scheme – this setting allows you to select a color scheme for the section.

General

1. Images layout – the setting allows you to display one image or a few images in the two columns;
2. Enable images animation – the setting allows you to enable image animation for the ‘Multiply images’ layout;
3. Image position – the setting allows you to select image position in the section;
4. Text alignment – the setting allows you to select the alignment of the text;
5. Label – the setting allows you to set the text for the label;
6. Heading – the setting allows you to set the text of the heading.
7. Text – the setting allows you to set text content;
8. Button label – the setting allows you to set the label for the button;
9. Button aria-label – the setting allows you to set the aria-label for the button. This attribute allows screen readers to better convey information to people with disabilities;
10. Button link – the setting allows you to select a button style.
11. Blog – select the blog whose posts you want to display.
12. Button label – the setting allows you to set the label for the button.
13. Button aria-label – the setting allows you to set the aria-label for the button. This attribute allows screen readers to better convey information to people with disabilities.
14. Button style – the setting allows you to set the type of the button.

First column images

1. Movement speed – the setting allows you to set an animation speed for the images;
2. First image – the setting allows you to select the first image;
3. Second image – the setting allows you to select the second image;
4. Third image – the setting allows you to select the third image;

Second column images

1. Movement speed – the setting allows you to set an animation speed for the images;
2. First image – the setting allows you to select the first image;
3. Second image – the setting allows you to select the second image;
4. Third image – the setting allows you to select the third image;

Layout

1. Container width – section container settings.
2. Desktop offset top – the top indent of the section on the desktop;
3. Desktop offset bottom – the bottom indent of the section on the desktop;
4. Mobile offset top – the top indent of the section on the mobile;
5. Mobile offset bottom – the bottom indent of the section on the mobile;
6. Inner desktop offset top – the top indent of the inner container on the desktop;
7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;
8. Inner mobile offset top – the top indent of the inner container on the mobile;
9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Adding a section

To add the Slideshow section, navigate to: Customizer → Add Section → Slideshow

Section settings

 

Color Scheme

1. Enable color scheme inheritance – Toggle to inherit the color scheme from theme settings.
2. Color scheme – Select a specific color scheme if inheritance is disabled. Default: Scheme 1.

Slideshow Settings

1. Show pagination – Display pagination controls for the slideshow.

2. Show slide preview – Display preview thumbnails of slides.

3. Enable loop – Enable continuous looping of the slideshow.

4. Enable autoplay – Automatically cycle through slides.

5. Autoplay speed – Set the interval (in seconds) for slide transitions. Default: 5 s.

6. Animation speed – Control the transition speed between slides (in seconds). Default: 0.5 s.

7. Animation type – Choose the animation for transitions:

   1. Fade

   2. Slide

   3. Flip

   4. Creative (Default)

   5. Parallax

Colors

Allows you to customize the pagination color in Slide preview

1. Progress bar – changes the transparent background in pagination.

2. Progress bar fill – changes the transparent background in pagination.

3. Pagination – changes the color of pagination on slides (non-active slides in pagination have this color with transparency).

Layout

1. Desktop section height – Adjust the height of the slideshow for desktop (percentage). Default: 100%.

2. Mobile section height – Adjust the height of the slideshow for mobile (percentage). Default: 100%.

3. Subtract header height – Ensure the slideshow height excludes the header area.

4. Container width – Choose the width of the slideshow container:

   1. Default: 1680px (Default setting).

   2. Large: 1920px.

   3. Full width: 100%.

   4. Inherit of general setting: Use width from theme layout settings.

Offsets

External Offsets

1. Adjust margins outside the container for both desktop and mobile:

   1. Top offset – Default: 0 px.

   2. Bottom offset – Default: 0 px.

Internal Offsets

2. Adjust margins inside the container for both desktop and mobile:

   1. Top offset – Default: 0 px.

   2. Bottom offset – Default: 0 px.

Blocks Settings

Image Block

Image settings

1. Image (desktop) – Upload a desktop-specific image.

2. Image (mobile) – Upload a mobile-specific image.

Text Content

1. Heading – Add a heading for the slide. Default: Heading.

2. Description – Add descriptive text. Default: <p>Text that describes the content of slide</p>.

3. Button label – Add a button label. Default: Button label.

4. Button aria-label – Improve accessibility with descriptive text.

5. Button link – Provide a link for the button. Default: /.

6. Open in new tab – Toggle to open the link in a new tab.

Colors

1. Customize the colors for text, background, overlay, button, and hover states.

HTML Video Block

Content Settings

1. Video (desktop) – Upload a desktop-specific video.
2. Video (mobile) – Upload a mobile-specific video.
3. Preview image (desktop) – Upload a desktop-specific preview image.
4. Preview image (mobile) – Upload a mobile-specific preview image.
5. Heading – Add a heading for the slide. Default: Heading.
6. Description – Add descriptive text. Default: <p>Text that describes content of slide</p>.
7. Button label – Add a button label. Default: Button label.
8. Button aria-label – Improve accessibility with descriptive text.
9. Button link – Provide a link for the button. Default: /.
10. Open in new tab – Toggle to open the link in a new tab.

Video settings

1. Play type – Choose playback behavior: Autoplay, Play by button, or both.

Colors

1. Customize colors for text, background, and overlays.

External Video Block

Content Settings

1. Video URL (desktop) – Provide YouTube or Vimeo video URLs for desktop.
2. Video URL (mobile) – Provide YouTube or Vimeo video URLs for mobile.
3. Preview image (desktop) – Upload a desktop-specific preview image.
4. Preview image (mobile) – Upload a mobile-specific preview image.
5. Heading – Add a heading for the slide. Default: Heading.
6. Description – Add descriptive text. Default: <p>Text that describes content of slide</p>.
7. Button label – Add a button label. Default: Button label.
8. Button aria-label – Improve accessibility with descriptive text.
9. Button link – Provide a link for the button. Default: /.
10. Open in new tab – Toggle to open the link in a new tab.

Video settings

1. Play type – Choose playback behavior: Autoplay, Play by button, or both.

Colors

1. Customize colors for text, background, and overlays.

Adding a Section

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

Section settings

Colors

1. Enable color scheme inheritance – when this setting is enabled, the color scheme is inherited from the theme settings;
2. Color scheme – this setting allows you to select a color scheme for the section.

Hotspot

1. Animated – the setting is responsible for enabling animation for the hotspot;
2. Color – the setting is responsible for the color of the hotspot;
3. Border color – the setting is responsible for the border color of the hotspot;
4. Background – the setting is responsible for the background color of the hotspot;
5. Color (active) – the setting is responsible for the color of the hotspot in the active state;
6. Border color (active) – the setting is responsible for the border color of the hotspot in the active state;
7. Background (active) – the setting is responsible for the background color of the hotspot in the active state.

General

Adding a section

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

Section settings

Color

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

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

General

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

Layout

1. Container width – section container settings;

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Blocks settings

Image

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

Adding a Section

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

Section settings

Colors

1. Enable color scheme inheritance – when the setting is enabled, the color scheme is inherited from the theme settings;
2. Color scheme – setting allows you to select a color scheme for the section.

General

1. Heading – setting allows you to set the heading;
2. Show products count – setting allows you show products count.

Layout

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. Desktop offset top – the top indent of the section on the desktop;
3. Desktop offset bottom – the bottom indent of the section on the desktop;
4. Mobile offset top – the top indent of the section on the mobile;
5. Mobile offset bottom – the bottom indent of the section on the mobile;
6. Inner desktop offset top – the top indent of the inner container on the desktop;
7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;
8. Inner mobile offset top – the top indent of the inner container on the mobile;
9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Blocks settings:

1. Collection – setting is responsible for the collection;
2. Image – setting is responsible for the custom image of the collection.

Adding a Section

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

General settings

You can turn on or off the search. If you turn it on, the icon will appear in the header.

Section settings

General

1. Type – the setting allows you to set the header type, 3 options are presented:

   • Static

     

   • Sticky

     

   • Sticky (hide on scroll down)

     

2. Enable transparent header on the homepage – the setting allows you to enable a transparent header on the homepage. Transparent header only functions on Desktop resolution. When the setting is enabled, the header will be transparent only in the top position, when hovering and scrolling the page, the header will have a background;

3. Enable transparent header on the collection page– the setting allows you to enable a transparent header on the collection page. Transparent header only functions on Desktop resolution. When the setting is enabled, the header will be transparent only in the top position, when hovering and scrolling the page, the header will have a background;

4. Show border – the setting allows you to set a border under the header;

5. Show language selector – when enabled in the main and mobile menu, a language selector is added;

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

Logo

1. Image – the setting allows you to set the logo image, if not specified, the text name of the store will be displayed;

2. Image (transparent header) – the setting allows you to set the logo image for a transparent header, if not specified, the image will be displayed. We recommend using a logo of the same size as the not transparent header;

3. Logo width – the setting allows you to set a range where you can specify the width of the logo from 20px to 250px on the Desktop. On the mobile, if there is not enough space, the logo will automatically shrink.

Menu

1. Main menu – the setting allows you to set a menu that will be used for both Desktop and Mobile;

2. Open by – the setting allows you to set submenu opening selection selector on Desktop: By hover, By click.

Burger menu

 

1. Menu – the setting allows you to set a burger menu that will be used for both Desktop and Mobile;

2. Additional menu – the setting allows you to set an additional menu that will be used for both Desktop and Mobile;

3. Show socials – the setting allows you to show socials;

4. Phone number – the setting allows you to set custom text;

5. Schedule information – the setting allows you to set custom text;

6. Media image 1..3 – the setting allows you to set custom media image;

7. Media URL 1..3 – the setting allows you to set URL for custom media image;

8. Movement speed (desktop/mobile) – the setting allows you to set how fast the images will move.

Colors

Adding a section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

Heading – the setting allows you to specify the heading of the section.

Layout

1. Container width – section container settings.

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Block settings

1. Heading – the setting (required) allows you to specify the heading of the block, if this setting is blank – the block will be hidden;

2. Store image – the setting allows you to specify the image of the block

3. Text – the setting allows you to specify the text of the block;

4. Phone text – the setting allows you to specify a text for the phone;

5. Schedule text – the setting allows you to specify a text for the schedule;

6. Google maps API key – the setting allows you to add a Google Maps API key. Learn more about how to create an API key;

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

8. Map image – the setting allows you to specify the image that will be played instead of the map if the map is not added;

9. Map link – the setting allows you to specify a link for the image of the map.

The Newsletter section in your Shopify theme allows you to create a customizable subscription area for your store. Below is a detailed guide to all settings, structured by blocks.

Adding a section

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

Settings

In this section you can add images with blocks. You can add a link to each image if you want.

Adding a section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

General

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

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

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

4. Link url – the setting allows you to select a URL for the link;

5. Movement speed – the setting allows you to set an animation speed for the images;

Layout

1. Container width – section container settings.

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Block “Image”

1. Image – the setting allows you to select the image;

2. Link – the setting allows you to select a link for the image;

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

In this section, you can choose a collection and show the first 2 products.

Adding a Section

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

Section settings

Colors

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

2. Color scheme – setting allows you to select a color scheme for the section.

General

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

2. Collection – setting allows you to set the collection;

3. Image – setting allows you to set the custom image for the collection card;

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

Layout

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. Desktop offset top – the top indent of the section on the desktop;

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Adding a Section

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

Section settings

General

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

2. Link label – setting allows you to set the label of the link;

3. Link URL – setting allows you to set the URL of the link;

4. Products – setting allows you to set the products-list;

5. Layout – setting allows you to choose the layout of the grid(3/4 products per row);

6. Show arrows – setting allows you to show the slider arrows;

Colors

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

2. Color scheme – setting allows you to select a color scheme for the section.

Layout

1. Container width – section container settings;

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Adding a Section

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

Section settings

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

2. Heading – setting allows you to set the text for the title;

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

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

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

6. Button style – setting allows you to select the style of the button. You can choose: Primary/Secondary;

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

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

Adding a Section

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

Section settings

General

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

2. Paginate by – setting allows you to determine the number of collections to display per page. The minimum number of cards is 8, the maximum number is 24.

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

Adding a Section

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

Section settings

General

1. Heading – the setting allows you to set the section heading;
2. Show arrows – the heading allows you to show slider arrows.

1. Enable color scheme inheritance – when this setting is enabled, the color scheme is inherited from the theme settings;
2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

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

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Block settings

Block Tab

The Ticker section in your Shopify theme allows you to create a scrolling ticker with customizable text, images, and layout settings. Below is a detailed guide to all settings.

Adding a Section

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

General Settings

1. Hide divider – Enable this to hide the divider line in the ticker. Default: true
2. Text – Add the ticker text. Default: Place the ticker text here
3. Movement speed (desktop) – Set the scrolling speed of the ticker on the desktop (in seconds). Default: 20s
4. Movement speed (mobile) – Set the scrolling speed of the ticker on mobile (in seconds). Default: 35s
5. Main image – Add an image that will be displayed alongside the ticker. Default: Not set
6. Background image desktop – Set a background image for the desktop. Default: Not set
7. Background image mobile – Set a background image for mobile. Default: Not set

Colors

1. Text color – Set the text color for the ticker. Default: #ffffff

Layout Settings

1. Container width – Adjust the width of the ticker container. Options:

   • Default - 1680px (1808px)

   • Large - 1920px (2048px)

   • Full width (100%)

   • Inherit of general setting (inherit)
     Default: inherit

2. Desktop external offset top – Add spacing above the ticker on the desktop. Default: 0px

3. Desktop external offset bottom – Add spacing below the ticker on the desktop. Default: 0px

4. Mobile external offset top – Add spacing above the ticker on mobile. Default: 0px

5. Mobile external offset bottom – Add spacing below the ticker on mobile. Default: 0px

---

This guide provides a structured overview of all settings available in the Ticker section. For further assistance, consult your theme developer or Shopify’s official documentation.

Adding a Section

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

Password header desktop

Password header mobile

Password header popup desktop

Password header popup mobile

Password header transparent desktop

Password header transparent mobile

 

Section settings

General

1. Enable transparent header – the setting allows you to enable a transparent version of the header. When hovering over the header or scrolling down, the header becomes opaque;

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

Logo

1. Logo – the setting allows you to set the logo image (if not set, shop.name is displayed);

2. Logo (header transparent) – the setting allows you to set the logo image for the transparent header (if not set, logo is displayed);

3. Logo width – the setting allows you to set the width of the logo (min 20px, max 250px, step 5px, default 140px). Height will be calculated with image aspect ratio.

Ticker

1. Text – the setting allows you to set the text of the ticker;
2. Hide divider – the setting allows you to hide the divider in the ticker;
3. Movement speed (desktop) – the setting allows you to set the ticker animation speed on the desktop;
4. Movement speed (mobile) – the setting allows you to set the ticker animation speed on the mobile.

Popup

1. Heading – the setting allows you to set the title text of the popup;

2. Input placeholder – the setting allows you to set the placeholder text of the popup input (if not set, it is taken from translations);

3. Button label – the setting allows you to set the label of the popup button (If not set, it is taken from translations).

Colors

Adding a Section

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

Section settings

General

1. Text – the setting allows you to set the text of the section (If not set, it is taken from translations);

2. Login link label – the setting allows you to set the login link label of the section;

3. Login link url – the setting allows you to set the login link url of the section. The default url is ‘/admin’.

Colors

Password content desktop

 

Password content mobile

 

Section settings

General

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

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

3. Success message – the setting allows you to set the text when the form is successfully submitted (if not set, it is taken from translations);

4. Show form – the setting allows you to show/hide the form;

5. Input placeholder – the setting allows you to specify the placeholder text of the forms input. (If not set – taken from translations);

6. 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;

7. Background image – setting allows you to set the background image;

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

Colors

1. Overlay – the setting allows you to set the section overlay color;

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

3. Heading – the setting allows you to set the text color for the heading;

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

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

6. Input placeholder– the setting allows you to set the input placeholder color;

7. Input Border – the setting allows you to set the border color for the text input;

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

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

10. Button style — the setting allows you to set the style of the button (primary/secondary);

11. Button text — this setting allows you to set the text color of the button;

12. Button background — this setting allows you to set the background color of the button;

13. Button border — this setting allows you to set the border color of the button;

14. Button text (hover) — this setting allows you to set the text color of the button when hovered;

15. Button background (hover) — this setting allows you to set the background color of the button when hovered;

16. Button border (hover) — this setting allows you to set the border color of the button when hovered.

Layout

Adding section

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.

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Cart drawer settings

1. Heading– this setting allows you to set the text of the cart drawer heading;

2. Show items count in the cart – the setting is responsible for displaying the number of products in the cart;

3. View cart label – this setting allows you to set the heading for the “Go to cart” button;

Upsell settings

1. Heading – this setting allows you to set the text of the upsell heading;

2. Products – this setting allows you to select products that will be shown in the upsell tab;

Blocks settings

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.

Block “Items”

Block limit – 1.

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

Block “Benefits”

With this block, you can add some text messages for the customers.

Block limit – 6.

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

2. Icon – the setting allows you to set the image before the text;

 

Block “Shipping bar”

Block limit – 1.

Block is responsible for displaying the Shipping bar.

1. Free shipping amount – the setting allows you to set the amount of US money that the user must spend to fill the bar;

2. Shipping message – the setting allows you to set the text of the message that the user sees when the bar is not filled;

3. Shipping congratulatory message – the setting allows you to customize the text of the message that the user sees when the bar is full;

4. Congratulatory icon – the setting allows you to set the image in the congratulatory message;

1. Progress bar background color – the setting allows you to set the background color for the progress bar;

2. Progress bar fill color – the setting allows you to set the fill color for the progress bar;

Adding a Section

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

Section settings

General

1. Heading – this setting is responsible for the heading;

2. Products to show – the setting allows you to choose how many recently viewed products can be displayed in the section;

3. Layout – the setting allows you to choose the layout of the grid(3/4 products per row);

4. Show arrows – the setting allows you to show the slider arrows.

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

Adding a Section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Cart settings

1. Heading– this setting allows you to set the text of the cart drawer heading;

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

 

Blocks settings

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.

Block “Benefits”

With this block, you can add text messages for customers.

Block limit – 6.

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

2. Icon – the setting allows you to set the image before the text;

Block “Shipping bar”

Block limit – 1.

Block is responsible for displaying the Shipping bar.

1. Free shipping amount – the setting allows you to set the amount of US money that the user must spend to fill the bar;

2. Shipping message – the setting allows you to set the text of the message that the user sees when the bar is not filled;

3. Shipping congratulatory message – the setting allows you to customize the text of the message that the user sees when the bar is full;

4. Congratulatory icon – the setting allows you to set the image in the congratulatory message;

1. Progress bar background color – the setting allows you to set the background color for the progress bar;

2. Progress bar fill color – the setting allows you to set the fill color for the progress bar;

Block “Custom liquid”

In this section, you can view articles on the blogs.

Adding a Section

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

Section settings

General

Adding a Section

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

Section settings

General

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

2. Color scheme – setting allows you to select a color scheme for the section;

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

4. Products to show – setting allows you to specify the number of products to display, with an option to choose between 4 and 12 products;

5. Use Shopify recommendations – setting allows you to use Shopify’s recommended products for display;

6. Resource collection – setting allows you to manually select the collection to display.

Layout

1. Container width – section container settings;

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

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Adding a Section

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

Section settings

General

1. Show breadcrumbs – the setting is responsible for displaying breadcrumbs. If this setting is enabled, the default breadcrumbs are hidden;

2. Show collection description – the setting is responsible for displaying the description;

3. Collection custom image – the setting is responsible for adding a custom image. You can add alternate image with metafields (use dynamic source for this).

 

Colors

1. Banner overlay – the setting is responsible for selecting an overlay color;

2. Banner text – setting is responsible for selecting the text color for elements.

 

Layout

Collection template with top bar

 

Collection template with sidebar

 

Adding a Section

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

Section settings

Colors

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

2. Color scheme – the setting allows you to select a color scheme.

Grid

1. Filters type – setting allows choosing the view of filters: “Top bar” or “Sidebar”. Setting works only for desktop resolution. On the mobile filters will be always in the “Drawer” view;

Unperformed search

 

Empty search

 

Empty mobile search

 

Search products with the top bar

Search products mobile

 

Search

 

Search mobile

 

Adding a Section

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

Section settings

Colors

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

2. Color scheme – the setting allows you to select a color scheme.

Grid

1. Heading – the setting allows to set the heading. If the search is performed, a colon and search query will be added after the header;

2. Filters type – setting allows choosing the view of filters: “Top bar” or “Sidebar”. Setting works only for desktop resolution. On the mobile filters will be always in the “Drawer” view;

1. Enable search by articles – setting allows to include articles in the search;

2. Enable search by pages – setting allows to include pages in the search.

 

Additional information

1. Shopify Filtering Tutorial: Add storefront filtering

2. Native swatches: Adding filters with Shopify Search & Discovery

3. Custom swatches: color swatches depend on the color option. The filter group name specified in the Theme settings / Color swatches / Swatch option will show a checkbox like color swatch. The name of the color is split, and 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;

For Customers

Adding a Section

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

 

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

 

General

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

2. Enable media – the setting allows you to enable image layout with animations.

 

First column images

1. Movement speed – the setting allows you to set an animation speed for the images;

2. First image – the setting allows you to select the first image;

3. Second image – the setting allows you to select the second image;

4. Third image – the setting allows you to select the third image.

 

Second column images

1. Movement speed – the setting allows you to set an animation speed for the images;

2. First image – the setting allows you to select the first image;

3. Second image – the setting allows you to select the second image;

4. Third image – the setting allows you to select the third image.

Layout

Adding a Section

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

Section settings

The maximum amount of blocks that can be displayed – 4.

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

1. Container width – section container settings.

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

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

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

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

Block settings

1. Label – the setting allows you to specify the label of the block;

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

3. Text – the setting allows you to specify the text of the block;

4. Button label – the setting allows you to specify the label content of the button;

5. Button link – the setting allows you to specify the url field for the button;

6. Button style – the setting allows you to specify a style for the button;

7. Product – setting allows you to set the product;

8. Image – the setting allows you to select the image.

For Customers

Adding a Section

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

 

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

 

General

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

2. Enable media – the setting allows you to enable image layout with animations.

 

First column images

1. Movement speed – the setting allows you to set an animation speed for the images;

2. First image – the setting allows you to select the first image;

3. Second image – the setting allows you to select the second image;

4. Third image – the setting allows you to select the third image.

 

Second column images

1. Movement speed – the setting allows you to set an animation speed for the images;

2. First image – the setting allows you to select the first image;

3. Second image – the setting allows you to select the second image;

4. Third image – the setting allows you to select the third image.

Layout

For Customers

Adding a Section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

 

General

1. Continue shopping link url – the setting allows you to set url for the button;

2. Continue shopping link text – the setting allows you to text content for the button.

First column images

1. Movement speed – the setting allows you to set an animation speed for the images;

2. First image – the setting allows you to select the first image;

3. Second image – the setting allows you to select the second image;

4. Third image – the setting allows you to select the third image.

 

Second column images

1. Movement speed – the setting allows you to set an animation speed for the images;

2. First image – the setting allows you to select the first image;

3. Second image – the setting allows you to select the second image;

4. Third image – the setting allows you to select the third image.

 

Layout

For Customers

Adding a Section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

For Customers

Adding a Section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

For Customers

Adding a Section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

For Customers

Adding a Section

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

Section settings

Colors

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

2. Color scheme – this setting allows you to select a color scheme for the section.

Layout

In this section you can view an article page.

Adding a Section

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

Section settings

Colors

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

2. Color scheme – The setting allows you to select a color scheme for the section.

 

Sidebar

1. Heading – setting allows you to define the title text for the section;

2. First article … Fourth article – settings allow you to specify articles, from the first to the fourth, to display in the sidebar;

 

Products from article

 

Layout

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. Desktop offset top – the top indent of the section on the desktop;

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Adding a Section

The section is static on a Gift cart page layout, it was added initially and cannot be removed. It is not possible to add other sections on this page.

Section settings

Colors

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

2. Color scheme – setting allows you to select a color scheme for the section.

 

General

1. Heading – setting allows you to define the title text for the section;

2. Logo – the setting allows you to specify a logo, otherwise, the name of the store will be displayed;

3. Logo width – setting allows you to specify the size of the logo;

4. Gift card default image – used for the default gift card image. The image for the Gift will be obtained from the product, which means you can assign images to different card options. If the product variant does not have an image or it is a test gift card, the default image is displayed. If the default image is not set to complete, then the image is not displayed.

5. Start shopping button type – the setting allows you to set the style of the “Start shipping” button;

6. Print button type – the setting allows you to set the style of the “Print” button.

Layout

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

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

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

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

5. Inner desktop offset top – the top indent of the inner container on the desktop;

6. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

7. Inner mobile offset top – the top indent of the inner container on the mobile;

8. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

For Customers

Adding a section

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

Section settings

Colors

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

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

 

Media

1. Enable zoom – the setting allows you to enable the Zoom function that appears when you click on the image;

2. Media height – the setting allows you to select the size of the image. Has several options: full size, square;

3. Image object fit – the setting allows you to control how an image is resized to fit its container. Has several options: cover, contain.

General

1. Show message of taxes included – the setting allows you to control the visibility of the corresponding message if taxes are included in the price of the product in the store;

2. Show pay installments – the setting allows you to control the visibility of the installment block if the store has the right to sell by installments and this feature is enabled in the store settings;

3. Enable sticky add to cart – the settings allow you to show a sticky add-to-cart at the bottom of the page when the main add-to-cart isn’t visible.

Size guide

1. Show size guide – the setting allows you to show/hide the size guide toggler for drawer opening;

2. Button placement – the setting allows you to choose the size guide toggler placement. Has several options: Under product options, Drawer;

3. Page – the setting allows you to choose the page of the size guide content, it will be displayed inside the drawer;

4. Button label – the setting allows you to set the size guide toggler label;

5. Button icon – the setting allows you to set the size guide toggler icon;

6. Drawer heading – the setting allows you to set the size guide drawer heading.

Layout

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. Desktop offset top – the top indent of the section on the desktop;

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

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

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

6. Inner desktop offset top – the top indent of the inner container on the desktop;

7. Inner desktop offset bottom – the bottom indent of the inner container on the desktop;

8. Inner mobile offset top – the top indent of the inner container on the mobile;

9. Inner mobile offset bottom – the bottom indent of the inner container on the mobile.

Blocks settings

Block Breadcrumbs

Layout

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

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

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

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

Block Vendor

General

1. Make vendor link to collection – the setting allows you to set the vendor as a link.

Layout

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

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

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

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

Block Title

Layout

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

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

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

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

Block SKU

General

1. SKU text – the settings allow you to set your text for the SKU and insert a variable into it. For example: “Art: %SKU%” will always output “Art: ” before the value.

Layout

Displays up to 4 additional buttons with a drawer:

• Description – product description;

• Custom drawer 1..3 – custom page.

 

Description

1. Show description – the setting allows you to show the product description toggler button;

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

3. Drawer heading – the setting allows you to set the drawer heading.

 

Custom drawer 1..3

Layout

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

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

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

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

 

Block Complementary product