✨Product comparison

Configure the Products comparison

Select the customize theme option. Click on the dropdown menu at the top to select the Home page template.

From the left side menu, towards bottom of the page, select the Product comparison.

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

Image info

This block shows the product image.

SKU

This block shows the product SKU value.

Ratings

This block shows the product ratings.

Discount

This block shows the discount value either in percentage or amount, as selected from the product card settings under the theme settings.

Vendor

This block shows the product vendor name.

Tags

This block shows the product tags.

Weight

This block shows the product weight.

Stock

This block shows the product's inventory.

Description

This block shows the product's short description.

Steps to setup the products comparison

  1. Complete the setup of blocks in Products comparison, as explained in above table.

  2. Go to the theme settings> Product card

  3. Enable the checkbox in front of the setting: Show compare

  4. This will start showing the compare icon on the products grid, as shown below:

  5. Click on 'Compare icon' to add products in the grid.

  6. Click on 'Compare now'

  7. The comparison table popup will open, as shown below:

Last updated