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: