Product template

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.

Product templates control the content, layout, and style of your product pages. In the theme editor, you can customize the product media, product overview, and overall page design with Ira's theme settings and sections.

This guide provides an overview of product page templates and features, with links to tutorials for product page styles, blocks, and sections.

To customize how products appear in collections and theme sections, see the product listing options in your theme settings.

Shopify Creating and managing products is a Shopify feature. Themes provide templates to style your product pages created in your Shopify admin. See Shopify's Products manual to learn more.

Quick setup

Product templates have a preset layout with a Product overview section that includes blocks for product details, variant selectors, buy buttons, and additional features like complementary products and an information popup.

Use the Templates selector in the theme editor to open a product template. You can modify the page style and layout, product overview blocks, and further customize the page with theme sections.

Page layout and style

Click the Product overview section to find layout and style settings for the product page. You can change the layout style of your product media and enable additional features like, Sticky sidebar, Full width, and video looping.

See the Product page layout and styles guide or jump to a part of the guide by clicking the links below.

Feature	Description
Sticky sidebar	Keep the product overview form in view when visitors scroll down.
Full width	Expand the product page content across the entire page.
Media gallery	Customize the layout of your product media.
Gift card recipient form	Allow buyers to send gift cards to a recipient's email on a scheduled date, along with a personal message.

Product overview blocks

The Product overview section is made of default and custom blocks that you can edit and rearrange.

See the Default product blocks guide or jump to a part of the guide by clicking the links below.

Default blocks (guides)	Description
Title	Display title, price, vendor, star rating, and badges.
Price	Display the price of your product, including the sale or compared price.
Description	Display product description as a paragraph or accordion.
Variant selectors	Display variants of product options. Includes options for Information popup, Variant swatches, and Variant chips.
Quantity selector	Let customers add more quantities of a product.
Buy buttons	Add-to-cart button with optional Dynamic checkout button. Includes Local pickup banner.
Share icons	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.

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
Accordion	Add expandable tabs that reveal more text when clicked.
Custom Liquid	Add block with custom HTML or Liquid
Information popup	Add popup product information (ex. Size guide).
Stock level indicator	Display stock level bar with 'low inventory' alert.
Text block	Add a short block of text.
Divider	Add a horizontal line to visually separate product blocks.
Spacer	Insert a margin of space between blocks.

Product page sections

Product page sections are added outside the product overview (below or above). Use theme sections to add more functionality and further customize the layout of your product pages.

We recommend starting by hiding or removing the default sections you don't want to use.

Product section (guides)	Description
Product recommendations	Display recommend products.
Complementary products	Display recommend products.
Product reviews	Display customer reviews with Shopify's Review app. (Note: Shopify's review app has been delisted. This option is available for stores that have previously downloaded the app.)
Theme sections	Use 30+ theme sections to customize the page layout.

Alternate templates

Ira includes an alternate template that shows a "pre-order" add-to-cart button..

Template	Description
Pre-order template	Replace "Add to cart" with a "Pre-order" button label.