Product page
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 ↗.
Customize page style
Click the Product overview section to edit the page colors, spacing, and layout.
Sticky effect
The Sticky effect makes either the gallery or product details remain at the top of the screen when scrolling down. You may want to enable this option to keep the add-to-cart button visible or keep the product images visible.
Sticky gallery only applies to thumbnail gallery layouts.
Sticky product details applies when the gallery is longer than the product details.
Select No sticky effect to disable this option.
Media gallery
Click the Product overview section to customize the layout of your product media.
Sticky add to cart
The Sticky 'Add to cart' allows customers to add a product directly to their cart anywhere on the product page. When the product form's add-to-cart button is not visible, the sticky bar appears at the bottom of the page with an add-to-cart button.
The sticky bar displays the product title, price, image, and variant. Next to the variant, visitors can click the 'Change' link to jump to the variant selectors in the product form.
Click the Product overview section to toggle the Sticky add to cart for Desktop and Mobile.
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 product information and purchasing options. Click a block to find its settings.
Title
Vendor
SKU
Quantity selector
Show or hide quantity label
Content blocks
Add more blocks with custom content and features for your product page.
Product recommendations
Add a full product recommendations section to your product pages.
Last updated
Was this helpful?