The Product page is where you highlight the features and benefits of your individual products. Key details are included here, such as the product title, images, description, price, and add-to-cart (ATC) button.
Use the theme editor to show dynamic checkout buttons, enable cart redirection, enable image zoom, center product title and price over the content, show vendors, disable sold out variants, select a variant style, and include additional info blocks for the product page.
Access product page features and settings
Customize your product pages by navigating to any product page in the theme editor and clicking on Product pages under the Sections tab.
Alternatively, select Product pages from the template selector.
Consider adapting your product descriptions into tabs with our HTML code approach: Adding tabs to your product description
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.
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.
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 this setting. 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 style
Use the Variants style dropdown to choose how to display your 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 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.