The product page is where you highlight the features and benefits of your individual products. At a minimum, it should contain the product title, images, description, price, and add-to-cart (ATC) button.
Access product page settings through the theme editor
With Reach, customize your product pages by selecting Product page from the page selector dropdown in the theme editor, or by navigating to any product page in the theme editor, and clicking on Product pages under the Sections tab.
Consider adapting your product descriptions into tabs with our HTML code approach: Adding tabs to your product description
Include product details
Display the product's vendor
Enable Show vendor to include the vendor label. Vendors can be added and managed in the Products admin.
Add social share buttons
If you would like to enable share buttons on your product pages, check Show social sharing buttons.
Enable sticky details
Activate this setting to have the product details float and follow the customer as they scroll the height of the page.
Arrange the product image gallery
Desktop layout options
Choose an option from the Desktop layout dropdown to arrange how the product images display for desktop view. The options are:
- Slideshow
- Mosaic
- One column list
- Two column list
Desktop position options
Determine whether the product images are positioned on the left (Left column) or right (Right column) of the product page.
Mobile layout options
Use the Mobile layout dropdown to arrange the image position for the mobile view. The options are:
- Above title
- Below title
Image zoom
Select Enable image zoom to allow customers to view the image in a magnified lightbox.
Product options settings
Adjust position of the options
Select an option from the Position dropdown to place these features Above description or Below description.
Choose a quantity picker style
To include controls for the quantity of the product, choose between the two Quantity picker style options. Standard will have separate boxes for the quantity selector and add-to-cart (ATC) button, while Integrated with add to cart button will combine them into a multi-function button.
Activate dynamic checkout button
Enable dynamic checkout button adds a secondary cart button that offers customers an option to proceed directly to the Checkout page—bypassing the cart page entirely and completing the purchase with a preferred payment type.
Redirect customers to the cart with ATC
Enable cart redirection will bring the customer to the cart page after the add-to-cart (ATC) button has successfully added an item. This can help streamline the purchasing process, especially if you have a smaller catalog.