The Product page highlights the features and benefits of your individual products. Key details are included here, such as the product title, images, description, price, vendor label, and additional info links. Interactive features are also found on the product page, such as the thumbnails, dynamic checkout button, quantity selector, variant selector(s), and add-to-cart (ATC) button.
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.
Enable image zoom
Activate this option to provide a closer look at the product images. When a user hovers over a product image, a magnifying glass icon will appear and they will be able to click to get a detailed look at your product.
Images need a width of over 1600px for this feature to operate.
Enable video autoplay and looping
For product videos, activate autoplay by selecting Enable video autoplay. Repeat the video automatically at its end by selecting Enable video looping.
Customize page blocks
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.
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.
Form block
Click to open the Form block, then use the Position setting. There are options to position the product form 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.
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.
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.
Build additional info blocks
Add an Additional info block, then click to open the block's settings.
Include links to appear wherever a customer can view product information. These are used for linking to size charts, refund policies, or ordering details.
Add text to the Text field, then connect the Link URL to use for the block.
Choose from six available icons to pair with the link.
Adjust theme settings for the product page
There are additional settings for product page located in the Products portion of the Theme settings. Customize these settings to show dynamic checkout buttons, enable cart redirection, select a variant selector style, and more.
Adjusting theme settings for products in Startup
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.
Select a variant selector style
Use the Variants style dropdown to change the appearance of the variant options. The options are Dropdowns or Buttons.
Consider adapting your product descriptions into tabs with our HTML code approach: Adding tabs to your product description