Product pages highlight the features and benefits of individual products. At a minimum, it should contain the product title, images, description, price, and an add-to-cart (ATC) button.
Access the product page features and settings
In the theme customizer (Customize), select Products, then Default product or another product page template.
Adjust template settings
Click Product pages in the left sidebar to customize general settings for the template.
Activate image zoom
Selecting Enable zoom allows customers to view product images with more detail. When enabled, customers can hover the cursor over the main image and a magnifying glass icon will appear, prompting a closer view of the image. To use this feature, confirm that the product images have a width of at least 1600px.
Enable video autoplay
Have your videos play automatically when accessed by activating Enable video autoplay.
Some browsers and devices have settings to disable autoplay, so consider this limitation if troubleshooting the feature.
Enable video looping
Have your videos repeat once complete by activating Enable video looping.
Customize the template's page blocks
Use the blocks listed in the left sidebar to customize the layout and features for the product page.
There are blocks for the Title, Vendor, Variant selection, Price, Gallery, Buy buttons, Description, Quantity, Share, Text, Product rating, and App bock alignment.
Title block
Click to open the Title block, then use the Position setting. There are options to position the title in the Center (top or bottom) or on the Left or Right of the product page.
Vendor block
Click to open the Vendor block, then use the Position setting. There are options to position the product vendor in the Center (top or bottom) or on the Left or Right of the product page.
Variant selection block
Click to open the Variant selection block, then use the Position setting. There are options to position the variant selection in the Center (top or bottom) or on the Left or Right of the product page.
Price block
Click to open the Price block, then use the Position setting. There are options to position the price in the Center (top or bottom) or on the Left or Right of the product page.
Gallery block
Click to open the Gallery block, then use the Position setting. There are options to position the product media gallery in the Center (top or bottom) or on the Left or Right of the product page.
Buy buttons block
Click to open the Buy buttons block, then use the Position setting. There are options to position the buy buttons in the Center (top or bottom) or on the Left or Right of the product page.
Description block
Click to open the Description block, then use the Position setting. There are options to position the product description in the Center (top or bottom) or on the Left or Right of the product page.
Quantity block
Click to open the Quantity block, then use the Position setting. There are options to position the quantity in the Center (top or bottom) or on the Left or Right of the product page.
Share block
Click to open the Share block, then use the Position setting. There are options to position the social media share buttons in the Center (top or bottom) or on the Left or Right of the product page.
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.
Product rating block
Add a Product rating block, then click to open the block's settings.
Use the Position setting to place the product rating block in the Center (top or bottom) or on the Left or Right of the product page.
App alignment block
Add an App alignment block, then click to open the block's settings.
Use the Position setting to place the app alignment block in the Center (top or bottom) or on the Left or Right of the product page.
Theme settings for the product page
Open the Products portion of the Theme settings for more product page settings.
Enable cart redirection
This option brings customers to the cart page automatically after adding a product to their cart. This option would disable AJAX, a function that keeps the customer on the product page following add-to-cart (ATC) activation. If your products are sold individually, for instance, you can disable the quantity box and enable cart redirection to simplify the ATC and checkout process.
Disable AJAX on product page
Enabling cart direction is the same as disabling AJAX on the product page. If an added app is conflicting with the AJAX on this page, disable cart redirection.
Include a dynamic checkout button
Show dynamic checkout button adds a customer-specific ATC button that directs to the Checkout page. If there are important features or apps on your Cart page, you can disable this feature.
For more information on Dynamic checkout buttons, check out the Shopify help center.