Compare & Compare page
Last updated
Last updated
The "Compare" section in our app allows customers to view multiple products simultaneously on the "Compare Page", making shopping easier.
To use the "Compare" section, you need to install the "Compare page" section. Please follow the steps and images below."
Click on the "Library" menu item in our app.
In the tab "Sections", search for the keyword "Compare".
Click the "Install" button to install the "Compare" and "Compare page" sections.
In your theme, add the "Compare", "Compare page" section to it.
Add "Compare" to "Global" section.
Create template "Compare".
Add the "Compare page" section to this template.
You can name the new template anything you like, suitable for its intended use.
Back to online store.
Create a new page named "Compare".
Assign the "Theme Template" of the newly created page to the template you just created ("Compare") in the theme.
Re-access your theme, go to the "Compare" section, and add the "Compare page link".
After a successful setup, you will see the product you want to compare on the Compare page.
After adding the 'Compare' section to your theme, the Compare icon will appear on the product. Clicking the icon will add the product to the Compare page.
The 'Compare' is only displayed on our product card section. If you are not using our product cards, it will not be visible.
If you click the Compare icon again, two cases may occur (depending on your settings).
Case 1: The product will be removed from the Compare page.
Case 2: The other is that it will take you to the page Compare page.
When you access the "Compare page", you can view the products on the Compare page and remove them from the comparison list.
The Compare can be displayed on both desktop and mobile in the following locations.
Header
Product card
Product detail
Quick view
Customer account