Product template
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
To modify how products appear in collections and sections, go to the product listing options in your theme settings.
Products are created and managed in your Shopify admin. To learn more, refer to Shopify's Products manual ↗.
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 for navigation.
The Product overview section contains all the blocks that make up your product form, including product details, variant selectors, buy buttons, and additional feature blocks.
The Product overview includes blocks for essential product details and purchasing options. Click a block to find its settings.
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.
The product page has specialized sections, including Product recommendations, Recently viewed products, and Product reviews. You can also use any other theme section to further customize.
Stiletto includes 3 alternate product page templates with preset styles and sections. There are also templates for gift cards and "pre-order" products.
Edit these templates in the theme editor, then assign them to your products in the Shopify admin.
Customize the layout of your product media.
Product details
You can display product descriptions and details using product tabs or position them in the product overview columns.
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.
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.
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.
Display recommend products.
Display products that the customer has viewed on your site
Display section for customer reviews.
Use product page layouts based on other Stiletto demos.
Let customers purchase gift cards of different values.
Replace "Add to cart" with a "Pre-order" button label.