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.


    • Related Articles

    • Contact Page

      The Contact Us page is divided into two sections: the left side displays the contact form and information, while the right side shows the store's location. Creating a Contact page Go to Online Store in Shopify Access Pages Click Add Page and enter a ...
    • Blog Page

      Create the Blog Page Go to Online Store in Shopify. Access Pages. Click Add Page and enter a title. Add introductory text or information for your blog page in the Title and Content field. Add a Title and Description in Search Engine Listing to see ...
    • About Page

      An "About" page is a dedicated section of your website that tells your brand's story, introduces your team, and explains your mission, values, and what makes your business unique. It's an essential tool for building trust, connecting with your ...
    • FAQ Page

      An FAQ (Frequently Asked Questions) page is a dedicated section of your website that answers common questions customers may have about your products, services, policies, or company. It's a valuable tool for providing quick and accessible information, ...
    • Lookbook Page

      Creating a Lookbook page Go to Online Store in Shopify Access Pages Click Add Page and enter a title In Theme template, select Lookbook template Lookbook page Configuration To configure the Lookbook Page, in Theme Customization, access Page → ...