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.
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 ↗.
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 for navigation.
Customize the layout of your product media.
Product details
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.
Product overview blocks
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.
Default blocks
The Product overview includes blocks for essential product details and purchasing options. Click a block to find its settings.
Display title, price, vendor, star rating, and badges.
Display product description as a paragraph or accordion.
Let customers add more quantities of a product.
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.
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
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.
Display recommend products.
Display products that the customer has viewed on your site
Display section for customer reviews.
Alternate templates
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.
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.
Last updated