> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/starlite-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/starlite-documentation/overview/product-comparison.md).

# 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="/files/N2p0coWO7WrgYd9LKapA" alt=""><figcaption></figcaption></figure>
4. This will start showing the compare icon on the products grid, as shown below:   \
   &#x20;   &#x20;

   <figure><img src="/files/xzRN16LFtHTKFIK0DvDK" alt=""><figcaption></figcaption></figure>
5. Click on '**Compare icon**' to add products in the grid.<br>

   <figure><img src="/files/NYxD585yLuVVkiRm2OJx" alt=""><figcaption></figcaption></figure>
6. Click on '**Compare now**'\ <br>

   <figure><img src="/files/pXs2PFg4mzsIC0qcPcT9" alt=""><figcaption></figcaption></figure>
7. The comparison table popup will open, as shown below:\ <br>

   <figure><img src="/files/O7VT5zadd56su0YNICUz" alt=""><figcaption></figcaption></figure>

&#x20;