Overview blocks
Product page template
The Product overview section contains all the blocks that make up your product form, including product information, variant selectors, buy buttons, and additional feature blocks. You can rearrange or edit these blocks to change the style and layout of your product pages.
Default blocks
The default product blocks in the Product overview are the essential components of your product form. They include the product header, description, variant and quantity selectors, and buy buttons. In the default product block settings, you'll find additional theme features like swatches, chips, and information popups.
Default blocks (guides) | Description |
---|---|
Display title, price, vendor, star rating, and badges. | |
Display product description as a paragraph or accordion. | |
Display variants of product options. Includes options for Information popup, Variant swatches, and Variant chips. | |
Let customers add more quantities of a product. | |
Add-to-cart button with optional Sticky Add-to-Cart bar and Dynamic checkout button. Includes Local pickup banner. | |
Social links for sharing your product page. |
Feature blocks
In the Product overview, the feature product blocks offer added functionality for displaying product information and designing the layout.
Click the links below to find help guides for the feature product blocks.
Features blocks (guides) | Description |
---|---|
Add expandable tabs that reveal more text when clicked. | |
Show customers related products that they can add to the cart. | |
Add block with custom HTML or Liquid | |
Let customers add personalized text, notes, or options. | |
Tell customers about your support policy and how they can contact you. | |
Add a featured image block. | |
Add a featured image with promotional text. | |
Add popup product information (ex. Size guide). | |
Show security message and payment icons. | |
Show badges with text label and icon. | |
Spacer | Add space between product blocks. |
Display stock level bar with 'low inventory' alert. | |
Add a short block of text. | |
Add multiple columns with text and icons. | |
Add a list with icons. |
Related links
Last updated