Azzel Theme - Compare Config

Azzel Theme - Compare Config

  • You can notice the Compare section displayed as an icon of two opposite arrows 🔁 on the right side of the screen.

  • 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. 

  • To view the Compare list, the user needs to scroll to the top of the page, and then click on the Compare icon

The product that has been added to the comparison list will be displayed in the list.

​

  • To create a Compare Page, you need to do as follows: 

1. Go to Online Store in Shopify

2. Access Pages

3. Click Add Page and enter a title 

4. In Theme template, select compare template

  • You can configure Compare in Theme settings with the following features:

    • Enable compare: To enable Compare list, select "Enabled" or "Disabled"

    • Page: To select the created Compare page

    • Badge color: to customize color of badge

  • Image ratio


    • Related Articles

    • Azzel Theme Setting

      To access the theme settings in the theme editor, click on the second icon beside the template options. Now, let’s see all the components on the theme settings one by one! 1. Color You can create and customize unique color palettes and apply them to ...

    • Azzel Theme - Collections Config

      Collections List Page The Collections List Page displays all collections in the store in a list format. How to Create a Collections List Page: Access the Collections List section. Choose how to display collections in Sort Collections By (e.g., ...

    • Azzel Theme - Lookbook Config

      To create Lookbook Page, you need to do as follows: 1. Go to Online Store in Shopify 2. Access Pages 3. Click Add Page and enter a title 4. In Theme template, select Lookbook template To configure Lookbook Page: Access Themes → Customize → Page → ...

    • Azzel Theme - Contact Page Config

      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. I. Create the Contact Page Go to Online Store in Shopify. Access Pages. Click Add Page and ...

    • Azzel Theme - About Page Config

      I. Create the About Page Go to Online Store in Shopify. Access Pages. Click Add Page and enter a title. In Theme Template, select the about-us template. II. Configure the About Page Access Themes → Customize → Page → About. Breadcrumb: Set up page ...