Featured product

This section is to add your featured product. You can highlight any best-selling product using this section.

Select the customize theme option. Click on the dropdown menu at the top of the page to select the Home page template.

From the left side menu, select Featured product.

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

General

Section visibility Select from the options to select the visibility of this section: -Always -Small (On selecting this, the section will be visible on mobile devices only.) -Large (On selecting this, the section will be visible on large devices only.) Color scheme Select any color scheme defined in the theme settings>Colors>Schemes. Background Choose the section background from below options: - Solid - Gradient Container width Choose the container width from below options: - Small - Standard - Wide - Edge Card radius Adjust the range bar to determine the card's radius. (Note: Radius is automatically optimized for mobile.)

Section spacing

Choose from Choose spacing for: - Desktop - Mobile Desktop: Top spacing Adjust the range bar to add spacing at the top of the section for desktop view.

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

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

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

Product

Product Choose any product from the store. Aspect ratio Choose the images ratio from below options: - Adapt to image - Adapt to first image - Square - Portrait - Portrait slim - Landscape Enable zoom Select this checkbox to show the zoom on product. Enable video autoplay Select this checkbox to enable the autoplay of product videos. Enable video looping Select this checkbox to enable the loop of product videos.

Desktop layout

Media width Choose the media width from below options: - Small - Medium - Large Thumbnail position Choose the position of thumbnails from: - Overlay horizontal - Left side - Overlay vertical - None

Mobile layout

Thumbnails visibility Choose the visibility of thumbnails from: - Hide thumbnails - Show thumbnails

Block settings

Title

This block shows the product title. Heading size Select the font size from the following options: - Heading XL - Heading L - Heading M - Heading S - Heading XS - Heading XXS

Price

This block shows the product price. Show taxes and shipping information Select this checkbox to show the taxes information. Font size Select the font size from the following options: - Heading M - Heading S - Heading XS - Heading XXS Font weight Select the font weight from the following options: - Body font - Body font bolder - Heading font - Heading font bolder

SKU

This block shows the product's SKU value.

Description

This block shows the product description. Description size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small

Variant picker

This block showcases the variants list. Picker type Select from the following options to determine the variant picker type: - Dropdown - Button Color swatch option Shape Choose the shape from below options: - Sharp - Rounded - Circle - None Variants: Other options (Note: The below settings apply to the product options except the color options.) Shape Choose the appearance shape from below options: - Sharp - Rounded Button/Swatch options Size Choose the size from the following options: - Small - Medium - Large Size chart Enable size chart Select this checkbox to show the size chart. Option name Enter the option name that holds the size. E.g.: Size, Taille, etc. Heading Enter the size chart label. Size chart opens on click of this label. Page Choose any page to show as a size guide.

Quantity selector

This block shows the quantity selector. Choose the shape from sharp or rounded.

Payment installments

This block is to show the Shop pay's installments information.

Buy buttons

This block is to show the Add to cart button along with below settings: Show dynamic checkout button Select the checkbox to show the dynamic checkout button.

Custom liquid

You can add custom liquid codes for advanced customization, like app snippets.

Pickup availability

This block is to show availability in retail stores by setting up the local pickup.

Inventory status bar

Low inventory threshold Adjust the range bar to set the low stock limit. If a product has 11 units in stock and the threshold is set to 10, it will display "In Stock." If the threshold is set to 15, it will display "Low stock." Set the threshold to 0 to always show "In Stock." Show inventory count Select this checkbox to show the stock count.

Text

Enter the custom text. Text size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small

Collapsible row

Heading Enter any heading. Content Enter the custom content/description. It supports dynamic content as well. Page content Choose any page to show its content. Open collapsible row Select this checkbox to show this tab opened by default.

Icon with text

Layout Text font size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small Font Choose the text font family from the following options:

- Heading - Body - Highlight (Note: These fonts can be changed in theme settings>typography.) Content 1-3 Choose from Choose the option to determine the icon from below options: - Icon list - Custom icon List Choose any icon from the list of icons. Custom icon Choose any image for the icon. Text Enter the text for icon.

Separator

This block adds the border between blocks.

Payment icons

This block shows the payment icons. These icons can be setup from the Shopify payments under the Store settings.

Last updated