The product detail module displays the main product image, product variants, variant images, image galleries, and tab control with product descriptions, reviews, etc.
Product Details Setup
After you add the module to the page, the next step is to configure the module the settings.
Store ID - Select the store you want to display products from.
Product List Page - Select the page with the product list module.
Checkout Page - Select the page with the checkout module.
Add To Cart Event - This setting controls the behavior when the user clicks the add to cart button.
- Use MiniCart will add the item to the cart and keep the user on the product details page.
- Redirect to Checkout will take the user to the checkout page.
- Open Custom Modal will display a custom form before taking the user to the cart page.
Show Reviews - Check this box to enable users to leave product reviews.
Changing the Layout
The layout of the product details module is flexible and can be changed to look any way you want. Some of the design elements you may want to change include the following:
- Show/Hide Fields
- Show/Hide Buttons
- Move items
To change any of these design elements modify the viewset of the product listing module. Click here
to view a help article on viewsets.