✨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.
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 more
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 more 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