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.
Use the theme editor to show dynamic checkout buttons, enable cart redirection, center product title and price, show vendors, disable sold-out variants, select a variant selector style, Use single-column layout, include share buttons, build additional info blocks, enable image zoom, and enable video autoplay and looping for the product page.
Access the product page settings
- In the theme editor (Customize), open the template selector
- Select Product pages
- Under TEMPLATE in the left sidebar, select Product pages
Show dynamic checkout buttons
To send customers directly to the checkout, enable Show dynamic checkout button. This skips the cart and streamlines purchases.
Enable cart redirection
To send customers straight to the cart page after adding an item, Enable cart redirection.
Disable AJAX on product page
Some apps require disabling AJAX, which is precisely what Enable cart redirection allows.
To disable AJAX, simply Enable cart redirection.
Center product title and price over the content
By selecting this option, the product title and price will be aligned in the center above the rest of the product page features. If disabled, these components will appear to the right of the product image.
To include the Vendor label, activate Show names of vendors. Vendor labels can be managed in the Products admin.
Disable sold-out variants
If there are variants (e.g. colors, sizes, etc.) of the product that have sold out, activating this setting will exclude these as options on your product pages. Deactivate this setting to allow customers to see out-of-stock variants.
Select a variant selector style
Use the Variants style dropdown to change the appearance of the variant options. The options are Dropdowns or Buttons.
Use single-column layout if no variants
To have the product page ordered in a vertical sequence when no variants are present, enable this option. If disabled, they will appear to the right of the product image.
Include share buttons
Enable Show share buttons to provide share buttons for popular social media platforms.
Build additional info blocks
Include links to appear wherever a customer can view product information. These are used for linking to size charts, refund policies, or ordering details.
To add a block, select [+] Add additional info
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.
Consider adapting your product descriptions into tabs with our HTML code approach: Adding tabs to your product description
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.