Product summary

Accurate, reliable, and in-depth product details help customers find the information they need to make buying decisions.

You can change the product information by re-ordering, removing, and adding block

We have two templates for the product page that you can choose from.

• Default product

• Layout-2

You can change the product template by following these steps:

Steps:

1. Login to your Shopify store, go to Online Store > Products

2. Select the product you want to change the theme template

3. In the product settings, navigate to 'Online Store' and then select the 'theme template' you want to change

To customize the template layout, you can follow these steps:

Steps

1. In the theme editor (Customize), open the template selector

2. Select Products, then Default product or Layout-2.

3. On the left-sidebar, add Product summary.

4. Make necessary changes > Save.

Product summary settings

Layout: You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

Thumbnails Position: Adjust the placement of thumbnails to best fit your layout and design preferences.

Disable Skeleton Loading Effect: Opt to remove the skeleton loading animation, which serves as a placeholder while content is loading.

Enable Sticky Product Information on Large Screens: Activate this feature to keep product information visible and fixed in place as the user scrolls on larger screen devices, enhancing visibility and accessibility.

Image Click Action: Choose between enabling a hover zoom effect on images or using an icon to trigger zoom.

Hover Image Zoom Type: Select the type of zoom effect that will be applied when hovering over an image.

Hidden Zoom Icon on Mobile: Opt to hide the zoom icon on mobile devices for a cleaner look.

Enable Video Looping: Activate looping for videos, allowing them to play continuously.

Thumbnails on Mobile: Decide whether to display thumbnails or show navigation options on mobile devices for easier browsing of images or videos.

Color Swatch: Activate the color swatch feature to allow users to view product options in different colors.

Swatch Size: Set the size of the color swatches to ensure they are easily viewable and accessible for selection.

Follow this link to know what variant image grouped is and how to set up.

Blocks in the Product summary option

The Product summary option has total of 24 blocks for you to add to the sidebar:

• Product price

• Product review & sold

• Short description

• Product title

• Visitors counter

• Product custom fields

• Custom HTML

• Trust badge

• Delivery & Return

• Pickup availability

• Product form

• Product addons

• Stock countdown

• Product meta

• Product swatch

• Product label

• Custom text

• Custom liquid

• More products color

• Countdown timer

• 360° Product viewer

• Product vendor logo

• Subscriptions