Renders the details of a product.
Note: Only available on the Product template.
Settings
- Desktop media width [Select]
- Options: Small, Medium, Large
- Desktop media position [Select]
- Options: Left, Right
- Image zoom [Select]
- Options: Click and hover, No zoom
- Enable sticky content on desktop [Checkbox]
- Hide other variants' media after selecting a variant [Checkbox]
- Enable video looping [Checkbox]
- Color scheme [Color scheme picker]
- Top padding [Range]
- Bottom padding [Range]
Blocks
Text
- Text [Inline Rich Text]
- Text style [Select]
- Options: Body, Subtitle, Uppercase
Title
- Renders the product title
Price
- Renders the product price, badges, and tax information
Date and Location
- Show Date [Checkbox]
- To display a date, add a Date and time metafield with namespace/key of 'custom.date'.
- Show Location [Checkbox]
- To display a date, add a Date and time metafield with namespace/key of 'custom.location'.
SKU
- Text style [Select]
- Options: Body, Subtitle, Uppercase
Inventory status
- Text style [Select]
- Options: Body, Subtitle, Uppercase
- Low inventory threshold [Range]
- Choose 0 to always show in stock if available.
- Show inventory count [Checkbox]
Quantity selector
- Renders the number input for selecting quantity of product to purchase
Variant picker
- Style [Select]
- Options: Dropdown, Pills
- Swatch [Select]
- Options: Circle, Square, None
Buy buttons
- Show dynamic checkout buttons [Checkbox]
- Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay.
- Show recipient information form for gift cards [Checkbox]
- Allows buyers to send gift cards on a scheduled date along with a personal message.
Description
- Renders the product description
Share
- Text [Text]
- If you include a link in social media posts, the page's featured image will be shown as the preview image. A store title and description are included with the preview image.
Custom liquid
- Liquid Code [Custom Liquid]
- Add snippets or other code to create advanced customizations.
Collapsible Row
- Heading [Text]
- Include a heading that explains the content.
- Icon [Select]
- Row Content [Rich Text]
- Row Content from page [Page picker]