Main Product

Main Product

This section creates a comprehensive product display page with a customizable layout, media gallery, and product information blocks.

Color system

Select color system for background, text and button color.

Thumbnail size

Select media layout width.

  • Large
  • Medium
  • Small

Media layout

Select media layout here is four layouts option.

  • Thumbnail Bottom
  • Grid
  • Thumbnail Left

Top Padding / Bottom Padding

Adjusts the spacing above and below the section.

 

Block settings 

It has the following types of blocks:

Title

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

Description

It displays a product’s description inside the product section. It has no customizable block settings available.

Price

It displays a product’s price inside the product section.

Quantity Selector

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.

  • Text style: Body,  Sub title, Uppercase

  • Low inventory threshold: 10
    Set to 0 to always display as “In stock” if available.

  • Show inventory count: Hide/Show

Variant Picker

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

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

Buy buttons

It shows the Add to cart  buttons in the product section. and also there is option for Show dynamic checkout buttons hide and show.

Text

Enter any additional text to display in this  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.

Pickup Availability

Making your shopping even easier! Now, you can choose the pickup option for your orders.

Complementary Products

To select complementary products, add the Search & Discovery app. Learn more

  • Maximum products to show: Choose how many products show. The minimum number is 1 products and the maximum is 4.

Accordions

This block to include a HeadingDescriptionLink, and Page content in an interactive container.