Product template

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.

Gallery style

Select the gallery style for product media from below options:

-Carousel

-Grid

Thumbnails position

Choose the thumbnails position from the following options: - Left - Bottom It's applicable to carousel gallery style only.

Show sticky variant image

Select this checkbox to show the sticky variant image. It's applicable with grid gallery style only.

Media ratio

Choose the image ratio from the following options: -Auto -Landscape -Portrait -Square

Colors

Color scheme Select the color scheme.

Note: These can be managed from Theme settings> Color schemes.

Block settings:

Text

This block is used to add the text about the product.

Title

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

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. Option style Choose style from following options: - Dropdown - Swatch 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.

Pickup & availability

It displays the product’s pickup and avaibility in locations.

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. Show recipient information form for gift card products Tick the checkbox to show the recipient form on the gift products only. (Note: Gift card products can optionally be sent direct to a recipient along with a personal message.)

Social sharing

Add this block to show the social sharing icons.

Complementary products

To select complementary products, add the Search & Discovery app. Heading Enter the heading text. Products count Adjust the range bar to determine the number of products to display.

Custom liquid

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

Collapsible content

Main heading Enter the heading text. Show product description Select the checkbox to show product description. Description heading Enter the description heading text. Content 1-3 Heading Enter the heading text. Description Enter the description text or use dynamic source to add the data.

Icon and text

Icon 1- 3 Icon Select icon from the list of icons. Custom icon Add the icon image. (Note: It has higher priority than the list of icons.) Heading Enter the heading text.

Last updated