# 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:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Image info</td><td>This block shows the product image.</td></tr><tr><td>SKU</td><td>This block shows the product SKU value.</td></tr><tr><td>Ratings</td><td>This block shows the product ratings.</td></tr><tr><td>Discount</td><td>This block shows the discount value either in <strong>percentage</strong> or <strong>amount</strong>, as selected from the product card settings under the theme settings.</td></tr><tr><td>Vendor</td><td>This block shows the product vendor name.</td></tr><tr><td>Tags</td><td>This block shows the product tags.</td></tr><tr><td>Weight</td><td>This block shows the product weight.</td></tr><tr><td>Stock</td><td>This block shows the product's inventory.</td></tr><tr><td>Description</td><td>This block shows the product's short description.</td></tr></tbody></table>

## 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**

   <figure><img src="https://2996814205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYerbql6PHiTtyykpnHvy%2Fuploads%2FJBH3CISNzOcH8QFqsYoo%2Fimage.png?alt=media&#x26;token=48e75c4a-5987-48a4-abfc-fee82e8b0455" alt=""><figcaption></figcaption></figure>
4. This will start showing the compare icon on the products grid, as shown below:   \
   &#x20;   &#x20;

   <figure><img src="https://2996814205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYerbql6PHiTtyykpnHvy%2Fuploads%2Fdalw4i0GNHaHTKkaZgFC%2Fimage.png?alt=media&#x26;token=15cc6566-7694-4433-b299-2f7d12d3060c" alt=""><figcaption></figcaption></figure>
5. Click on '**Compare icon**' to add products in the grid.<br>

   <figure><img src="https://2996814205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYerbql6PHiTtyykpnHvy%2Fuploads%2FCqsFoGtyPNosSx14qDfD%2Fimage.png?alt=media&#x26;token=c4c39746-9a86-4fd5-a9eb-a9c36974bdf5" alt=""><figcaption></figcaption></figure>
6. Click on '**Compare now**'\ <br>

   <figure><img src="https://2996814205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYerbql6PHiTtyykpnHvy%2Fuploads%2FLWrmzOGQUkosdw2DHkof%2Fimage.png?alt=media&#x26;token=264080f6-d603-4cce-8ab9-cce0c748aaa2" alt=""><figcaption></figcaption></figure>
7. The comparison table popup will open, as shown below:\ <br>

   <figure><img src="https://2996814205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYerbql6PHiTtyykpnHvy%2Fuploads%2FdZZry1NPVVry7tfGOGNf%2Fimage.png?alt=media&#x26;token=dd240921-7e6f-488a-84f7-91cd4f509fe4" alt=""><figcaption></figcaption></figure>

&#x20;