Compare

Use the settings from the provided global section to activate the Compare functionality.

Compare

Colors and layout of the buttons can be adjusted in Theme settings -> Product cards -> Compare.

Enable Activate the option to display the compare icon in the header, the compare button on product cards, and the compare button on product pages store-wide.

Page The corresponding template can be specified in the current source selector.

Group by In the drop-down, decide whether to group selected products by specifications such as "Product type", "Vendor", or "First collection". Select the "Do not group" option to cancel grouping.

---

Configuring the Compare feature in a store

To display the Compare feature, a few steps are required:

Step 1

Go to your Shopify admin -> Online Store -> Pages and create a new page. Then, assign a custom "compare" template to a page:

Step 2

Select a page in the Theme Editor by navigating to Theme settings -> Compare.

Step 3

Navigate to the "Compare" page by selecting a template from the top drop-down, then press Pages -> compare.

Step 4

Add any configurations in the "Compare" section.