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.

Color scheme

Section width

Section padding

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.

Gallery layout

Change the layout, size, position, and shape of your images

Media grouping

Reveal images for the selected variant only.

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.