Product pages highlight the features and benefits of individual products. Customize the product page with template settings and page blocks.
Access the product page settings
- In the theme editor (Customize), open the page selector
- Select Products, then Default product
- In the left sidebar, select Product pages
Adding a section to the product page
Click the Product pages section to open its settings.
Customize general settings for the template
Click to open Product pages in the left sidebar to control general settings for the product page.
Choose a layout option
Use the Product details alignment dropdown to select an alignment style. The Left option will align the product details to the left, while Center will align to the center.
Show breadcrumbs
Configure the product page to Show breadcrumbs by checking the box. Breadcrumbs are secondary navigation links that show the current location of a visitor on your website, as well as how they got there.
There are multiple places where breadcrumbs can appear on your site, but checking this setting will only affect your product pages.
Media layout
Select one of the four Layout options to position or conceal the thumbnail images.
Position the thumbnail images with Thumbnails left of gallery, Thumbnails right of gallery, or Thumbnails below gallery. Select No thumbnails to conceal the thumbnails.
Media features
Activate Enable image zoom to provide customers with a closer look at the product images.
Activate Enable video autoplay to have the videos play automatically when accessed by customers.
Repeat the product videos automatically by activating Enable video looping.
Customize page blocks
Page blocks
There are blocks for Title, Price, Form, Description, Share, or Email link. Use these to control the layout of the product page features.
Add SKU, Vendor, Text, Fitting guide, and Product rating by selecting (+) Add block.
Open a block to enable or disable its Show border setting.
Text block
Add a Text block, then click to open the block's settings. Add the Text using the provided field.
Use the Position setting to place the text block in the Center (top or bottom) or on the Left or Right of the product page.
Fitting guide block
Include a button to connect customers with a static page. Most often used for fitting guides, use this block to include a link to any static page (set up in Pages).
Click Select page to locate the page, then select an Icon (Shirt, Ruler, or Info)to pair with the link.
To use separate fitting guides for different products, consider creating additional templates then assign the template to products in the Shopify admin.
Theme settings for product page
There are additional, general settings for the product page in the Products portion of the Theme settings.
Variants style
Use the Variant options style dropdown to show the product variants as Selectable boxes or in a Dropdown list.
Quantity selector
Enable Show quantity selector to include quantity control in the product form. When disabled, single products are added one at a time.
Show dynamic checkout buttons
To send customers directly to the checkout, enable Show dynamic checkout button. This skips the cart and streamlines purchases. Learn more about working with dynamic checkout buttons.
Enable cart redirection
To send customers straight to the cart page after adding an item, Enable cart redirection.
Some apps require disabling AJAX, which is precisely what Enable cart redirection allows.
To disable AJAX, simply Enable cart redirection.
Product media borders
Frame the product media with a full border by selecting Show product media borders.