Product template
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 Stiletto'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 on 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 product details, Breadcrumbs, and Navigation buttons.
See the Product page layout and styles guide or jump to a part of the guide by clicking the links below.
| Feature | Description |
|---|---|
Keep the product overview form in view when visitors scroll down. | |
Display links that show customers where they are on your site. | |
Display 'next' and 'previous' buttons to move through collections. | |
Customize the layout of your product media. | |
Allows buyers to send gift cards to a recipient's email on a scheduled date, along with a personal message. See the Gift card template guide to learn more. |
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 |
|---|---|
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. | |
Add a featured image block. | |
Add popup product information (ex. Size guide). | |
Show badges with text label and icon. | |
Show star rating from Shopify product reviews. | |
Show security message and payment icons. | |
Spacer | Add space between product blocks. |
Display stock level bar with 'low inventory' alert. | |
Add a short block of text. | |
Add a list with icons. |
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 |
|---|---|
Display recommend products. | |
Display products that the customer has viewed on your site | |
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.) | |
Use 30+ theme sections to customize the page layout. |
Alternate templates
Stiletto includes 4 alternate product page templates with preset styles and sections designed for specific uses. These templates offer alternate layouts to showcase your products, offer gift cards, and show a "pre-order" add-to-cart button.
Edit these templates in the theme editor, then assign them to your products in the Shopify admin.
| Template | Description |
|---|---|
Let customers purchase gift cards of different values. | |
Showcase a featured product with an engaging layout. | |
Replace "Add to cart" with a "Pre-order" button label. | |
Show product information in expandable rows. |
Last updated