Compare Page

Compare Page

A Compare Page allows customers to view a comparison of different products in your store.
  1. Customers can add products to the comparison list by clicking the compare icon (two opposite arrows 🔁) on the product image. 
  2. With each product image, when clicking the icon of two opposite arrows 🔁 on the image, it means that the user is adding the product to the Compare list. 

  1. To view the Compare list, the user needs to scroll to the top of the page, and then click on the Compare icon
  2. The product that has been added to the comparison list will be displayed in the list.

Creating a Compare page

  1. Go to Online Store in Shopify
  2. Access Pages
  3. Click Add Page and enter a title
  1. In Theme template, select Compare template

Compare page configuration

You can configure Compare in Theme settings with the following features:
  1. Enable compare: To enable Compare list, select "Enabled" or "Disabled"
  2. Page: To select the created Compare page
  3. Badge color: to customize color of badge
  4. Image ratio: Select the desired image ratio for the product images on the Compare Page.