✨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