Featured product

Section visibility

Choose from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only

Make top corners rounded

Select this checkbox to show the top corners rounded of the section.

Product

Choose any product to display.

Enable product

thumbnails

Tick this checkbox to display the product image's thumbnails.

Desktop thumbnails position

Choose from the left or bottom to decide the thumbnail position.

Overlap thumbnails

Select this checkbox to overlap the thumbnails on product images. (Note: It will work only when thumbnail position is set to bottom.)

Desktop grid image ratio

Choose the product image ratio from the following options for the desktop view: -Auto -Landscape -Portrait -Square

Image zoom

Choose the image zoom options from the following options: - Click and hover - Open lightbox - None (Note: Click and hover does not work on mobile.)

Mobile

Show thumbnails on mobile view Select this checkbox to show the thumbnails on the mobile. (Note: This setting will work with enabled product thumbnails.) Mobile grid image ratio Choose the product image ratio from the following options for the mobile view: -Auto -Landscape -Portrait -Square

Heading

Text Type any text to display as a title. (Note: To highlight the text with a different color, simply wrap it in bold.) Heading size Choose the heading size in between H1 to H6. Heading tag Choose the heading tag for SEO and search engines for crawling purposes. Heading alignment Choose the heading alignment from left or center.

Colors

Color scheme Select the color scheme.

Note: These can be managed from Theme settings> Color schemes. Section background Choose any color for the section background color. It works with the rounded corners only. Heading highlight Choose any color for the highlighted heading color.

Section spacing

Top spacing (desktop)

Adjust the range bar to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the range bar to add spacing at the top of the section for mobile view.

Bottom spacing (mobile)

Adjust the range bar to add spacing at the bottom of the section for mobile view.

Block settings:

Title

It displays the product’s title. It has no customizable block settings available. Heading size Choose the heading size in between H1 to H6.

Review rating

It displays customer reviews and ratings. These reviews can be included by adding any product reviews app.

SKU

It displays the product SKU. There are no customizable block settings available.

Price

It displays the product’s price like Sale and Compare price. Hide shipping content Tick this checkbox to hide the shipping content.

Variant picker

This block is to display the variant options. Please refer to Theme settings > Product for the different variants styles (Dropdown and Color swatches).

Quantity picker

This block is to display a quantity selector, for selecting the number of products to purchase. It has no customizable block settings available.

Buy buttons

It shows the “Add to cart” and “Buy now” buttons. Show dynamic checkout button Tick the checkbox "Show dynamic checkout button" to display a button with the user's preferred payment method, in addition to the "Add to cart" button.

Custom liquid

This is used to add custom liquid code for any advanced customizations such as app snippets.

Icon with text

Icon 1-3 Icon Choose any icon from the available list of icons. SVG code Add the SVG code of the icon. Heading Add the heading text.

Last updated