Select the checkbox “Enable announcement bar” to show or hide the announcement bar.

Choose any image for the desktop view.

Choose any image for the mobile view.

Choose the height for desktop image.

Choose the height for mobile image.

Select from Carousel or Marquee to select the desired behavior or the announcement bar.

Select the checkbox "Show close icon" to display the close button.

Select this checkbox to enable the auto rotation of announcement with the carousel behavior.

Adjust the slider to set the announcement bar's auto rotation time in seconds.

Select from Left or Right to set the marquee text direction.

Adjust the slider to set the marquee text rotation speed in seconds.

Select this checkbox to show the language selector in the announcement bar.

This selector is visible on desktop only.

Select this checkbox to show the currency selector in the announcement bar.

This selector is visible on desktop only.

Select any text color for the text in the Announcement bar.

Select from two background styles - solid and gradient. It shows the background color accordingly.

Select any color as the solid background color of the Announcement bar.

Select any color as the gradient background color announcement bar.

Select any color for the overlay color on announcement bar.

Adjust the range bar to determine the overlay opacity.

Select the button's background color.

Select the button's text color.

Select the button's border color.

Select the desired icon from multiple icons given in the dropdown.

In the "Heading" box, enter some text that will be displayed on the left side of the sales counter.

For example - The sale starts on.

Enter Sale end date in “DD/MM/YYYY” format. It will show the counter in “Hours:Min:Sec” till the date given in the textbox.

Please note that the countdown date must be set to a future date and include the following format: DD/MM/YYYY Example: 20/08/2022

Enter text to display over the button.

In the "Link box,” enter a url to redirect the button. On clicking the button, it will redirect visitors to the added page. Both the button name and link need to be added to display the button.

Select the preferred header from the dropdown menu:

1. Logo left, menu center
2. Logo center, hamburger menu
3. Full width menu
4. Full width header with searchbar

Enable/disable the Sticky header checkbox to turn it on/off, keeping the header at the top of the page. This shows when users scroll page from bottom to top.

Select the sticky header's behaviour from the following options:

1. On scroll up (With this, the sticky header appears when users scroll page from bottom to the top of the page.)
2. Always (With this, the sticky header keeps on appearing always.)

Enable/disable the transparent header checkbox to turn it on/off, keeping the header transparent at the top of the page.

(Note: It will be applicable to homepage only. It will not be applicable to "Full width menu" and "Full width header with searchbar".)

Enable/disable the Sticky header checkbox to turn it on/off, keeping the header at the top of the page.

Use the logo selector option to set up an image to use as a logo inside the Header. The recommended image dimensions are 110px x 36px (pixels).

• To add an image, choose Select image, upload an image or select an image file from your store’s file library.
• To replace an image, click on Change > Change image and select a new image.
• To remove the image, click on Change > Remove image.
• Select the Add alt text link, and add a brief text of the image in the Image alt textbox. For more understanding, refer to Shopify help: Adding alt text to media.

Adjust the slider Custom logo size to set a size for the logo image between 50px and 250px (pixels).

Set the store logo to the left side or to the center of the header.

Note: This setting applies only to the full-width Menu Header style.

Select from Click or Hover the decide the behavior of top level menus in the header.

Note: It is applicable only on desktop and will not work with a logo center, hamburger menu type.

This feature will help you import menus from Shopify's default navigation list that is available in the backend. It will be displayed as the menu in the Header. Refer to Configure the header menu.

Adjust the slider to change the font size between 12 px to 18 px.

Note: It will not be applicable with the "Logo center, hamburger menu".

Set the menu to the left side or to the center of the header.

Note: This setting applies only to the full-width and full width header with searchbar header style.

Select this checkbox to show the categories button on the header.

Note: It will not be applicable with the "Logo center, hamburger menu".

Select this checkbox to show the catalog menus in the drawer.

Enter any text to appear above the categories button. For eg: Catalog, Categories etc.

Select any menu to appear on click of categories button.

Add any image to show as trust badge in right side of the header.

Select any link to redirect the trust badge.

Enable/disable the search checkbox to show/hide the search feature inside the Header.

Select the account icon redirection from the following options:

1. Page
2. Dropdown
3. Popup

Select from Cart or Bag to show the desired icon in the header.

Select this checkbox to make the cart icon sticky.

Note: It will not work with the sticky header.

Select from Thin, Normal and Bold to select the desired weight of icons.

Select this checkbox to show the language selector in the mobile navigation only.

Select this checkbox to show the currency selector in the mobile navigation only.

Set the background color of your Header.

Note: This background color does not apply to the “Logo center, hamburger menu & the mobile hamburger.”

Set the color of the Header text, including menu text, search icons, etc.

Note: This text color does not apply to the “Logo center, hamburger menu & the mobile hamburger.”

Set the color of the header text color on the hover.

Set the color that appears when a user hovers over the Header items.

Note: This hover text color does not apply to the “Logo center, hamburger menu.”

Select any color for the category button background.

Select any color for the category text.

Select any color for the text and icons on the transparent header.

Set the background color of the hamburger menu.

Set the color of the text of the hamburger menu.

Set the color of the Header text of the hamburger menu.

Set the background color of the full width header & full width header with searchbar header’s secondary bar.

Set the color of the text in full width header & full width header with searchbar header’s secondary bar

Set the color of the Header text of the full width header & full width header with searchbar header’s secondary bar.

Set the background color of the mobile menu and catalog drawer.

Set the text color of the main menu on the mobile and catalog drawer, that are primary menus.

Set the text color of the sub menus on the mobile and catalog drawer.

Set the border color on the mobile and catalog drawer.

Select any color for the submenus background. It applies to the submenus and the mega menus background.

Select any color for the submenus text.

Select any color for the submenus text hover.

Set any color for the categories button background.

Set the color of the categories text.

Select any color for the borders.

Select any color for the tet of search bar.

Select any color for the search bar icon's background.

Select any color for the search bar icon.

Click on the “Mega Menu with submenu & products” block and type the same name of the first level menu item to add to a Mega menu.

For example, your main navigation consists of “Home,” “Catalog,” and “Contact.” To have “Catalog” and its sub-menu under the Mega menu, you must type “Catalog” in the Menu label field.

Select this checkbox to display submenus that have been added to the Shopify default navigation.

Select the list of products to be displayed in the selected Mega menu under the submenus.

Click on the “Mega menu with products & gallery” block and type the same name of the first level menu item to add it into a Mega menu.

Example: Your main navigation consists of “Home”, “Shop”, and “Contact.” If you want to have “Shop” as this mega menu, you must type “Shop” in the menu label field.

Select any collection. The top 4 products of the selected collection will be shown in the mega menu block or menu dropdown. To understand collections, please refer to Shopify collections.

Select any collection. The top 4 products of the selected collection will be shown in the mega menu block or menu dropdown. To understand collections, please refer to Shopify collections.

Select the first image to use for branding. An image size of 410 x 415px (pixels) is recommended

Enter text to show as overlay text over the second image.

Enter the text that will show as overlay text below the heading over the first image.

Enter a url to redirect. This redirects to this url when store visitors click on the first image.

Select a second image to use for branding. An image size of 410 x 415px (pixels) is recommended.

Enter text to show as overlay text over the first image.

Enter the text that will show as overlay text below the heading over the second image.

Enter a url to redirect. This redirects to this url when store visitors click on the second image.

Click on the “Mega menu with products list” block and type the exact name of the first level menu item to add it to the Mega menu.

Example: Your main navigation consists of “Home”, “Shop”, and “Collections”. If you want to have “Collections” as this mega menu, type “Collections”in the menu label field.

Adjust the slider to select the number of products to show under the collection name.

Select collections to show their products. The top 7 products of the selected collection will be showcased in the mega menu, and a maximum of 12 collections can be added to this mega menu. It shows just the product titles.

Click on the "Menu badge" block and type the exact name of the first level menu item to add it to the Menu badge.

Example: Your main navigation consists of “Home”, “Shop”, and “Collections”. If you want to have “Collections” as this Menu badge, type “Collections”in the menu label field.

Type the badge text like New, Hot etc.

Text

Add any color to the badge text.

Background

Add any color to the badge background.

Select from the options to display as the slideshow navigation icons.

• Dots
• Arrows, top left
• Arrows, top right
• Arrows, bottom left
• Arrows, bottom right

Select this checkbox to show text content like heading, subheading etc. below images on the mobile devices.

Select this checkbox to enable/disable the Auto-rotate slides” option in the slider. It keeps changing slides automatically on the storefront.

This setting will only work when the "Auto-rotate slides" option is enabled. And, it only provides a range of 3 to 10 seconds.

Select any value given in the dropdown. It determines the height of the slide image on the desktop. It has options:

• 650px
• 750px
• 850px
• Adapt to first slide

Select any value given in the dropdown. It determines the height of the slide image on mobile devices. It has options:

550px

650px

750px

Adapt to first slide

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Select an image to show in the mobile view.

Select an image to show in the mobile view.

Enter any video URL to show it as a background video in slides. It supports Youtube, Vimeo and MP4 videos.

Desktop

Select the most relevant area of the image for the content position on the desktop. Its options include:

• Top left
• Top center
• Top right
• Center left
• Center
• Center right
• Bottom left
• Bottom center
• Bottom right

Mobile

Select the most relevant area of the image for the content position on the mobile. Its options include:

• Top left
• Top center
• Top right
• Center left
• Center
• Center right
• Bottom left
• Bottom center
• Bottom right

Select this checkbox to show/hide the Arrows navigation icon in the slideshow.

Select this checkbox to show/hide the thumbnails in the slideshow.

Select this checkbox to enable/disable the “Auto-rotate slides” option in the slider. It keeps changing slides automatically on the storefront.

This setting will only work when the "Auto-rotate slides" option is enabled. And, it only provides a range of 3 to 10 seconds.

Select any value given in the dropdown. It determines the height of the slide image on the desktop. It has options:

• 650px
• 750px
• 850px
• Adapt to first slide

Select any value given in the dropdown. It determines the height of the slide image on mobile devices. It has options:

• 550px
• 650px
• 750px
• Adapt to first slide

Enable

Select this checkbox to show the overlay color on mobile devices.

Color

Select the overlay color for the mobile view.

Select an image to show on the current slide for the desktop.

Select an image to show in the mobile view.

Heading

Select the required direction from Left to right and Right to left.

Subheading

Select the required direction from Left to right and Right to left.

Enter text to display as a title on the Image gallery. For example: “Brand-new collection.”(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Select this checkbox to show/hide the dotted outline around each image in the section.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Enter text to be displayed as a title on the image box. For example: “Men collection.”

Enter text to display as a subtitle on the image box.

Select a background image for the image box. Image size of 484 x 284px (pixels) is recommended.

Enter a url to redirect the image box. The link opens when a store visitor clicks on this image box.

Heading

Select any color for the heading text.

Subheading

Select any color for the subheading text.

Select any preferred style from the given two different styles:

1. Content left, grid right to place text on the left side of the grid.
2. Content top, grid bottom to place text on the top of the grid.

Select the checkbox to enable/disable full width of the section.

Note: It is applicable only if the "Content top, grid bottom" style is selected

Adjust the slider to determine the number of columns to display in a row.

Select a checkbox to emphasize the center image of the carousel.

Note: This will work with style "Content left, grid right" and number of columns in a row is 3.

Text

Enter text to display over the button.

Link

Enter a link to redirect the button. The link opens when a store visitor clicks on this button. Both the button name and link need to be added to display the button.

Desktop size

Select from Default, Small, Medium and Large to show the relevant size of Desktop button.

Mobile size

Select from Default, Small, Medium and Large to show the relevant size of mobile button.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Select any collection to display in the carousel.

Select the image for your collection, or else the collection image will be displayed by default. Image size of 394 x 530px (pixels) is recommended.

Enter text to display as a title on the collection block, or else the default collection title will be displayed by default.

Enter text to display as a subtitle to the collection block, or else the default collection content will be shown by default.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Select any collection to display in the list.

Enter text to display as a title on the collections tabs.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Select the heading size from small, medium and large.

Select from the options:

• Bottom to heading places tabs under the heading text.
• Right to heading places tabs on the right side of heading text.

Select from Left, Center and Right to show the heading and tabs position.

Note: It will not be applicable with "Right to heading" tabs position

Select from Carousel and Stacked to show the products.

Select the number of products to show from 4 to 6.

Adjust the range bar to set the borders radius on the desktop.

Adjust the range bar to set the borders radius on the mobile.

Adjust the range bar to set the gap between columns on the desktop.

Adjust the range bar to set the gap between columns on the mobile.

Select this checkbox to hide the tab heading in case only one tab is added.

Select this checkbox to show the border around tabs.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Enter text to display as a title of the tab, or the collection name will display by default.

Select any collection to display its list of products.

Select the collection to display its product list.

Set the number of products to display using the product count slider. A minimum of 3 and a maximum of 15 products can be selected here.

Select this checkbox to enable/disable the featured collection in the full-width display.

Select this checkbox to display theproducts as stacked in the right side of collection image.

Note:It will not work with "Full width" and "Show products over image". Also it shows a maximum of 6 products.

Select this checkbox to show the products above the collection box.

Adjust the range bar to set the borders radius on the desktop.

Adjust the range bar to set the borders radius on the mobile.

Adjust the range bar to set the gap between columns on the desktop.

Adjust the range bar to set the gap between columns on the mobile.

Collection image

Select an image to show as a collection image in the left box of the design or, else, the featured collection’s image shows here by default.

Collection title

Enter text to display as a collection title, or else the featured collection’s name displays here by default.

Hide collection description

Select this checkbox to hide the collection description from the collection image.

Collection description

Enter text to display as a collection description, or else the featured collection’s description displays here by default.

Select any color for the collection title shown above the collection or custom image.

Select any color for the collection description shown above the collection or custom image.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Select the checkbox to enable/disable full width of the section.

Enter text to display on the left side of the featured product image box.

Select this checkbox to show the heading text in rotational form.

Adjust the slider to set the marquee text speed in between 1 second to 30 seconds.

Select any product to showcase in the featured product section. This product can be changed/removed at any time using the change button.

Refer to Add products in the Featured product section.

Position

Select from Left and Right to change the featured product image position.

Desktop height

Select image height from following options to show relevant height on desktop view:

• 600px
• 700px
• 800px
• Auto

Mobile height

Select image height from following options to show relevant height on mobile view:

• 400px
• 500px
• 600px
• Auto

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Choose the icon color.

It displays the selected product’s title inside the Featured product section. It has no customizable block settings available.

Specify heading code types for SEO and search engines for crawling purposes.

Enter any additional text to display in this featured product section. To display dynamic data, like product Title or Vendor, select the Insert dynamic source icon shown next to the Text box and select any metafield to add here.

For more understanding, refer to Metafields.

Show customer reviews and ratings for the particular product.

It displays the product’s SKU. Refer to Product details.

It displays a product’s price inside the “Featured product” section. It has no customizable block settings available.

Displays a variant picker for selecting variants of a product inside the “Featured product” section. It has no customizable block settings available.

Please refer to Theme settings > Product for the different variants styles (Dropdown and Color swatches).

It displays a quantity selector, inside the featured product section, for choosing the number of products to purchase. It has no customizable block settings available.

It shows the “Add to cart” and “Buy now” buttons in the featured product. Show dynamic checkout button Select checkbox "Show dynamic checkout button" checkbox to show a button with the user's preferred payment method, in addition to “Add to cart” button, inside the featured product section.

For more understanding, refer to Dynamic checkout button.

Enable ATC full width

Select checkbox next to “Enable ATC ful width” to show full sized buttons.

Select to add social icons for sharing the product on them.

This section is used to add the custom liquid code for any advanced customizations like app snippets. Refer to Shopify developers: Custom liquid reference (opens new window).

Heading

Add any text for the heading.

Video 1-4

Select videos to represent the products in action.

Sale end date

Enter any future’s date. The end date must be set to a future date and include the following format: MM/DD/YYYY Example: 12/20/2025.

Heading

Add any text for the heading.

Enter text to show as heading text above the quotes.(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Select from small, medium or large to determine the heading size.

Select from Classic and Modern styles to display the testimonials.

Choose the number of columns in which you want to show your testimonial section. For instance, you can choose ‘one column’ or ‘two columns’ as per your preferences.

Select arrows or dots to navigate through the carousel.

Select this checkbox to show/hide the border on top of the testimonials section.

Select this checkbox to show/hide the border on the bottom of the testimonials section.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add stars on the quotes.

Add the feedback/message given by the customer about the product.

Add text to display the name of the author/client.

Add the city name where the author/client lives.

Select the image of the author/client. You can change or remove it using the change button.

Select any video from the store library.

Enter any text to show near the video. For e.g. Play.

Select this checkbox to show posts text above the post image.

Select this checkbox to show the article’s published date.

Enter the text to be displayed as the title on the Featured Posts section. (Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Select the article.

1. To add a blog, click on Select blog, enter the name of a blog into the Search box, and select a blog from the list. Then, click on the Select button.
2. To create a new blog, click on Create blog to open the New blog page in the Shopify admin.

1. To replace a blog, click on Change > Change blog. Enter the name of a blog into the Search box and select a blog from the list. Then, click on the Select button.
2. To remove a blog, select Change > Remove blog.

Select this checkbox to show/hide this section as a banner.

Select this checkbox to show banner in full width.

Note: Fullwidth banner will work when the 'Show as banner' is checked.

Select this checkbox to show the countdown content in the full width.

Enter text to display as a title to attract the store visitors. (Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Select from small, medium or large to determine the heading size.

Enter text to display as a subtitle.

Enter text providing sales and offering details to the customers.

Enter the sale end date in the DD/MM/YYYY format for the timer. It must be set to a future date, as it will specify the sale period.

Select this checkbox to hide this section, when the countdown date passes.

Select from the multiple options to show the banner content position.

Enter text to display over the button.

Enter a url to redirect the button. The link opens when a store visitor clicks on this button. Both the button name and link need to be added to display the button.

Select from Default, Small, Medium and Large to show the relevant size of desktop button.

Select from Default, Small, Medium and Large to show the relevant size of mobile button.

Select an image to show on the left side of the timer.

Note: Image size of 410 x 450px (pixels) is recommended.

Select an image to show on the right side of the timer.

Note: Image size of 410 x 450px (pixels) is recommended.

Select an image to show on the mobile view.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select this checkbox to show small container, that is used to reduce the width of the section.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing from the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Add a relevant icon to your block. It has a list of icons available in the dropdown.

Add a heading to your block.

Specify heading code types for SEO and search engines for crawling purposes.

Choose the heading size from the available list of options.

Add text to show below the heading.

Add any image to showcase on the left side.

Note: An image size of 550 x 510px (pixels) is recommended.

Select this checkbox to show/hide the shadow on the image.

Note: Image size of 295 x 315px (pixels) is recommended.

Select this checkbox to enable the animation on the image hover.

Select the left or right alignment of the images from the dropdown.

Select from the given multiple options to choose the image height.

Choose the icon color.

Select from Top, Middle and Bottom to choose the content position with respective to the image.

Select any color for the image’s shadow.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing from the top of the section on the desktop.

Adjust the slider to add spacing from the bottom of the section on the desktop.

Adjust the slider to add spacing from the top of the section on the mobile.

Adjust the slider to add spacing from the bottom of the section on the mobile.

Select from Left, Center and Right to choose the text alignment.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing from the top of the section on the desktop.

Adjust the slider to add spacing from the bottom of the section on the desktop.

Adjust the slider to add spacing from the top of the section on the mobile.

Adjust the slider to add spacing from the bottom of the section on the mobile.

Add any image to showcase as first image.

Add any image to showcase as second image.

Select this checkbox to show/hide the shadow on the image.

Background

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Shadow color

Select any color to set as shadow color of the image.

Add text to display as a title in the section.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Choose the heading size from available list of options.

Enter a suitable description to display in this section.

Add text to display as a title in the section. (Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Choose the heading size from available list of options.

Select any page to show its content (These pages are created in Shopify pages)

To understand pages in Shopify, refer to Pages.

Enter the liquid template language code.

For more understanding, refer to Shopify developers: Liquid reference.

Set the alignment of the section to the left, center, or right.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Add text to display as a title in the section.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Background

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Row heading background

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Enter a suitable text to show as a title inside the collapsible row.

Enter a suitable text to show as the content inside the collapsible row.

Select this checkbox to show/hide the map in the full-width display.

Type the address you want to show in the maps.

Choose map style from given options such as default, satellite, hybrid, and terrain. To show the map, you have to add a 'Google maps API key' to the Theme settings > Google Maps section.

Select any image to display, in case the map does not load.

Content position

Select from multiple given options to choose the content position.

Height

Select from multiple given options to choose the image height.

Content position

Select from Overlay or Below map to choose the content position.

Height

Select from multiple given options to choose the image height.

Background

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Add the link to the video you want to show in the video banner. Supported formats are - YouTube, MP4 and Vimeo.

Add a cover image by clicking the select image button. Image size of 1915 x 720px (pixels) is recommended. Also, the Poster will not be visible if autoplay is enabled.

Select this checkbox to show/hide the full-width mode of the video section.

Adjust this slider to change the height between 300px and 850px.

Adjust this slider to change the height between 250px and 600px.

Select this checkbox to turn on/off autoplay video.

Please note that if autoplay is enabled, then the video will be muted.

Select from Natural or Cropped to choose the video size.

Select from the options to display the background pattern.

• None
• Waves
• Flowers

Note: This is applicable only if full width is disabled.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Select the checkbox to display the promotional banner in full width.

Adjust the slider to adjust the radius of the banner border.

Please note that this only applies if a promotional banner is not full-width.

Select the visibility of section from the following options:

1. always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Choose the icon color.

Enter any number for the counter to work.

Enter the unit text.

Enter text to display as a title.

EntEnter a few words (text) about the counter.

Adjust the slider to set the height of blank space on the desktop.

Adjust the slider to set the height of blank space on the mobile.

Background

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Select any color for the background.

Select the checkbox to show the carousel in full-width of the display.

Enter any text to show as a heading.

Specify heading code types for SEO and search engines for crawling purposes.

Select from small, medium or large to determine the heading size.

Select from Auto slide, Stacked & Swipe to display the style.

Select from Left to right & Right to left direction for auto sliding.

Select from Circle, Square & No crop to show the desired shape of images.

Select from Small, Medium & Large sizes to show the image in the relevant size.

Select from left, center or right to determine the text alignment.

Select the checkbox to enable the animation on the image’s hover.

Select the checkbox to show the default size of the images.

Select the checkbox to display the image background color set in Theme Settings > Colors.

Background

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Background image

Select any image for the background.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Top spacing (desktop)

Adjust the slider to add spacing at the top of the section on the desktop.

Bottom spacing (desktop)

Adjust the slider to add spacing at the bottom of the section on the desktop.

Top spacing (mobile)

Adjust the slider to add spacing at the top of the section on the mobile.

Bottom spacing (mobile)

Adjust the slider to add spacing at the bottom of the section on the mobile.

Enter any text to show as a heading.

Enter any text to show as a subheading.

Select any image to display.

Select any link to redirect the image.

Select the checkbox to display the section in full width.

Select from Sharp & Rounded to choose the relevant image layout.

Select the checkbox to enable the animation on the image’s hover.

Select the checkbox to enable the hover effect on images.

Adjust the range bar to set the borders radius on the desktop.

Adjust the range bar to set the borders radius on the mobile.

Select from small, medium or large to adjust the heading size.

Select from the provided options to adjust the button size.

Select the checkbox to display the space between image blocks.

Adjust the range bar to set the space gap between the images on the desktop.

Adjust the range bar to set the space gap between the images on the mobile.

Background

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Top spacing (desktop)

Adjust the slider to add spacing at the top of the section on the desktop.

Bottom spacing (desktop)

Adjust the slider to add spacing at the bottom of the section on the desktop.

Top spacing (mobile)

Adjust the slider to add spacing at the top of the section on the mobile.

Bottom spacing (mobile)

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select the required width of the image.

Select any image to display.

Select any image for the mobile view.

Select any video.

Note: This video has more priority than the image.

Heading

Enter any text to show as a heading.

Heading tag

Specify heading code types for SEO and search engines for crawling purposes.

Show heading shadow

Select this checkbox to show shadow of the heading text.

Subheading

Enter any text to show as a subheading.

Link

Select any link to redirect the image.

Note: In case the button text is not added, this link will be applied to the background image, and with button text, this link applies to the button.

Button text

Enter any text to show above the button.

Show as outline button

Select this checkbox to change the button style from solid to outline.

Heading size

Select from None, Small, Medium & Large to choose the relevant heading size above images.

Button size

Select from Default, Small, Medium & Large to choose the relevant button size above images.

Content width

Select from small, medium or large to determine the content width.

Heading size

Select from None, Small, Medium & Large to choose the relevant heading size above images.

Button size

Select from Default, Small, Medium & Large to choose the relevant button size above images.

Content width

Select from small, medium or large to determine the content width.

Adjust the slider to determine the overlay opacity.

Desktop

Select the most relevant area of the image for the content position on the desktop. Its options include:

• Top left
• Top center
• Top right
• Center left
• Center
• Center right
• Bottom left
• Bottom center
• Bottom right

Mobile

Select the most relevant area of the image for the content position on the mobile. Its options include:

• Top left
• Top center
• Top right
• Center left
• Center
• Center right
• Bottom left
• Bottom center
• Bottom right

Overlay

Select any color to show as an overlay.

Text

Select any color to show as the text color.

Heading shadow

Select any color to show as the heading shadow color.

Button text

Select any color to show as the text color of the button.

Button background

Select any color to show as the background color of the button.

Button border

Select any color to show as the border color of the button.

Select this checkbox to show the full width section.

Enter text to display as a title on the before/after image section.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Enter text to display as a description on the section.

Select any image to show on the left side of the section on the desktop view.

Select any image to show on the left side of the section on the mobile view.

Select any image to show on the right side of the section on the desktop view.

Select any image to show on the right side of the section on the mobile view.

Enter text to display on the left image of the section.

Enter text to display on the right image of the section.

Select the text alignment from top, center or bottom.

Adjust the slider to select the default position of the drag bar.

Background

Select any color for the background color of the section.

Heading

Select any color as the heading text color of the section.

Description

Select any color as the description text color of the section.

Before text

Select any color as the before text color of the section.

After text

Select any color as the after text color of the section.

Drag cursor background

Select any color as the background color of the drag bar in the section.

Drag cursor

Select any color as the cursor color of the drag bar in the section.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Top spacing (desktop)

Adjust the slider to add spacing at the top of the section on the desktop.

Bottom spacing (desktop)

Adjust the slider to add spacing at the bottom of the section on the desktop.

Top spacing (mobile)

Adjust the slider to add spacing at the top of the section on the mobile.

Bottom spacing (mobile)

Adjust the slider to add spacing at the bottom of the section on the mobile.

Enter any text to show as a heading.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Enter any text to show as description under heading.

Enter any text to show as placeholder text in the input field.

Enter any text to show as button text.

Select color from the options:

• Primary
• Secondary
• Tertiary
• Quaternary
• Gradient

Note: These colors can be changed from Theme settings > Colors.

Select any color to display as text color of the button.

Select any color to display as background color of the button.

Select any background color of the promotional banner.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select this check box to show image in full width.

Select any desired image for displaying the look with products over it.

Background

Select color from the options:

1. Primary
2. Secondary
3. Tertiary
4. Quaternary
5. Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select any product to show over the hotspot.

Select the layout from horizontal or vertical.

Horizontal position

Adjust the slider to select the hotspot’s position horizontally.

Vertical position

Adjust the slider to select the hotspot’s position vertically.

Color

Select any color for the hotspot.

Select any icon from the list.

Select any image.

Note: This image has more priority than the icon.

Select any video.

Note: This video has more priority than the icon.

Add any text.

Add the description.

Add the link to redirect the block.

Horizontal position

Adjust the slider to select the hotspot’s position horizontally.

Vertical position

Adjust the slider to select the hotspot’s position vertically.

Color

Select any color for the hotspot.

Select from Left and Right to choose the content position on desktop.

Select from the multiple given options to choose the images height.

Enter any text to show as the heading.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Enter any text to show as the heading.

Enter text to display as a description on the section.

Select this checkbox to show the button as a link.

Enter any text for the button.

Enter any link to redirect the button.

Select color from the options:

1. Primary
2. Secondary
3. Tertiary
4. Quaternary
5. Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select the visibility of section from the following options:

-Always

-Small devices only(On selecting this, the section will be visible on mobile devices only.)

-Large devices only

Select this checkbox to show this section in full width.

Choose any icon color.

Select from Left and Right to choose the media alignment on desktop.

Select from the multiple given options to choose the media’s height on the desktop.

Enter text to display as a description on the section.

Select from the multiple given options to choose the media’s height on the mobile.

Select color from the options:

1. Primary
2. Secondary
3. Tertiary
4. Quaternary
5. Gradient

Note: These colors can be changed from Theme settings > Colors.

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select any image to show in this section.

Select any MP4 video to show. Video has more priority than the image.

Enter text to show as a heading in this section.

Specify heading code types for SEO and search engines for crawling purposes.

Choose the heading size from available list of options.

Enter text to display as a description on the section.

Choose any icon from the available list of icons.

Select this checkbox to show the button as a link.

Enter any text for the button.

Enter any link to redirect the button.

Select any product.

Enter text to show as a heading in this section.

Specify heading code types for SEO and search engines for crawling purposes.

Choose the heading size from available list of options.

Enter text to display as a description on the section.

Choose any icon from the available list of icons.

Select this checkbox to show the button as a link.

Enter any text for the button.

Enter any link to redirect the button.

Select color from the options:

1. Primary
2. Secondary
3. Tertiary
4. Quaternary
5. Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select any image to show as the look image.

Select any collection to show the products used to create look shown in the image.

Enter text to show as a heading in this block.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Select from small, medium or large to determine the heading size.

Select the products to show.

Note: This has higher priority than the collection.

Select from top or bottom to show the navigation bar.

Select from auto, portrait, landscape & square to show the images ratio.

Select color from the options:

1. Primary
2. Secondary
3. Tertiary
4. Quaternary
5. Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select any image to show as the look image.

Note: This label is mandatory to show the block in timeline.

Select any image to show in the block

Enter text to show as a heading in this block.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Select from small, medium & large to adjust the heading size.

Enter text to show as a subheading in this block.

Enter text to show description in this block.

Enter button text to show above the button.

Enter a link to redirect the button.

Select from Default, Small, Medium and Large to show the relevant size of the desktop button.

Select from Default, Small, Medium and Large to show the relevant size of mobile button.

Select this checkbox to change this button to a link.

Select from the provided options to adjust section height for the desktop.

Select from the provided options to adjust section height for the mobile.

Select from small, medium & large to adjust the heading size.

Select any text color.

Select any color for the image overlay.

Adjust the rangebar to set the overlay opacity of the section.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Select any collection to show it’s title and the image.

Enter any title to show instead of the collection title.

Enter any description.

Select any custom image to show as the collection image.

Select any video.

Enter text to display as heading text.

Enter text to display as button text.

Enter text to display as a button text on the store locator popup.

Select any image to show as a custom pin on the map shown in the right side of popup.

Select from left or right to show the store locator button.

Adjust the slider to manage space for the vertical position of the offer on the page.

Select any color for the store locator button background.

Select any color for the store locator button text.

Type the store name as its shown in the location settings of the store.

Enter any text to show details of the store.

Enter a location to show it on the map.

(Note: Make sure that you have the Google Maps API added in theme settings>Google maps.)

Enter text to display as heading.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Enter the button text.

Select any image to show in the block.

Select from left or right to determine the image position.

Select color from the options:

1. Primary
2. Secondary
3. Tertiary
4. Quaternary
5. Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Enter text to display as heading text.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Select color from the options:

1. Primary
2. Secondary
3. Tertiary
4. Quaternary
5. Gradient

Note: These colors can be changed from Theme settings > Colors.

Select the visibility of section from the following options:

1. Always
2. Small devices only(On selecting this, the section will be visible on mobile devices only.)
3. Large devices only

Adjust the slider to add spacing at the top of the section on the desktop.

Adjust the slider to add spacing at the bottom of the section on the desktop.

Adjust the slider to add spacing at the top of the section on the mobile.

Adjust the slider to add spacing at the bottom of the section on the mobile.

Select any image.

Enter any title to show as the event title.

Enter any description.

Enter the event date. For e.g: 10th December

Enter the event time. For e.g: 7PM - 11PM

Enter the event location text.

Add any link to redirect the location.

Add text to show as a button text.

Add any link to redirect the button.

Enter text to display as heading text.

(Note: Make text bold to show highlight font.)

Choose the highlight font from heading, body or accent fonts setup in the theme settings>typography.

Specify heading code types for SEO and search engines for crawling purposes.

Enter the description.

Select from left, center or right to determine the heading and content alignment.

Select from left, center or right to determine the content alignment of columns.

Select the media ratio from the available list of aspect ratios.

Select from Default, Small, Medium and Large to show the relevant size of the desktop button.

Select from Default, Small, Medium and Large to show the relevant size of mobile button.

Select from Default, Small, Medium and Large to show the relevant size of the desktop button.

Select from Default, Small, Medium and Large to show the relevant size of the mobile button.