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.

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.


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?