Product page blocks
Product page template
Last updated
Product page template
Last updated
Theme retirement Ira is no longer available on the Shopify theme store. Theme support and updates for current users will end after May 18, 2024. Learn more here.
The Product overview section contains all the blocks that make up your product form, including product information, variant selectors, and buy buttons. You can rearrange or edit these blocks to change the style and layout of your product pages.
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 |
|---|---|
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 |
|---|---|
Related links
Title
Display title, price, vendor, star rating, and badges.
Price
Display the price of your product, including the sale or compared price.
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 Dynamic checkout button. Includes Local pickup banner.
Social links for sharing your product page.
Product type
Show the type of product as listed in your Shopify admin.
SKU
Show the SKU number used to track your product inventory.
Vendor
Show the product vendor (or seller) as added in your Shopify Admin.
Add expandable tabs that reveal more text when clicked.
Add block with custom HTML or Liquid
Add popup product information (ex. Size guide).
Display stock level bar with 'low inventory' alert.
Add a short block of text.
Divider
Add a horizontal line to visually separate product blocks.
Spacer
Insert a margin of space between blocks.