Template product

This section is to maintain the settings of the product page on your store.

Configure main product

Go to Customize theme. Select the Products > Default product template on the top dropdown menu.

From the left side menu, select “Product information.”

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

Main product

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.

Media

Desktop media width Choose the media width from below options: - Small - Medium - Large Layout Choose the products layout from below options: - Carousel with thumbnails - Carousel with grid - Grid Thumbnail position Choose the thumbnails position from below options: - Overlay horizontal - Overlay vertical - Left side - None Mobile layout Choose the thumbnails layout on mobile view, from below options: - Show thumbnails - Hide thumbnails Aspect ratio Choose the images ratio from below options: - Adapt to image - Adapt to first image - Square - Portrait - Portrait slim - Landscape Enable image zoom Select this checkbox to show zoom on product images. Enable video autoplay Select this checkbox to enable auto play of product videos. Enable video looping Select this checkbox to enable auto looping of product videos. Enable sticky add to cart Select this checkbox to enable sticky add to cart. Show overview interlink tab Select this checkbox to enable the overview interlink tab.

Block settings

Vendor

This block shows the product vendor.

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 Heading tag Specify heading code types from H1-H6, div, span or p tag for SEO and search engines for crawling purposes.

SKU

This block showcases the product SKU value.

Price

This block showcases the product price. Show taxes and shipping information Select this checkbox to show the tax and shipping content in the price block.

Variant picker

This block showcases the variants list. Style Select from the following options to determine the variant picker type: - Dropdown - Button Size guide Option name Enter the option name that holds the size. E.g.: Size, Taille, etc. Heading Enter the title of size guide. Page Choose any page to show as a size guide. Labels(Size) Choose the size from the following options: - Small - Medium - Large Color swatch options Shape Choose the appearance style of the swatches from below options: - Sharp - Rounded - Circle - None Size Choose the size of the swatches from below options: - Small - Medium - Large Variants: Other options (Note: The below settings apply to the product options except the color options.) Shape Choose the appearance style from below options: - Sharp - Rounded

Inventory status bar

Low inventory threshold Adjust this range bar to determine the low stock limit.

Show inventory count

Select this checkbox to show the inventory quantity.

Pickup availability

This block displays pickup availability of the product. For more details, refer to docs.arrow-up-right

Quantity selector

This block shows the quantity selector. Shape Choose the appearance style from below options: - Sharp - 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. Show recipient information form for gift cards Select the checkbox to allows buyers to send gift cards on a scheduled date along with a personal message. Learn morearrow-up-right

Payment icons

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

Text

Text This block shows the text. Text font size Choose the font size from following options: - Extra Large - Large - Medium - Regular - Small - Extra small

Description

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

Social sharing

This block is to share the product on social media sites. Please go to the theme settings>Social media>Social sharing to choose the options. Share text Enter the text of social sharing icons. Show 'Share' with inventory Select this checkbox to show the share button with inventory.

Custom liquid

Liquid Add app snippets or other liquid code for any advanced customizations.

Complementary Products

Heading

Add text to the heading to highlight complementary products. Maximum products to show Adjust the slider to highlight products between 2 to 10. Note: To select complementary products, add the Search & Discovery app. Learn morearrow-up-right Show as collapsible row Select this checkbox to show this block in collapsible row.

Collapsible content

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 the first tab opened by default.

Product highlights

Image Choose any image from store library. Heading Add the heading text of highlight. Note: Leave the heading label blank to hide the icon column. Description Add the description text.

Interlink tab

(Note: Enable "Sticky Add to Cart" to make it function properly. Copy section id from the section you want to link to. Section id is visible on the section you want to link to.)

Tab title Add the tab title text. Paste section id here Add the section ID to link it.

Last updated