Pages Global Sections
Product compare
2 min read
How It Works π

How to enable Product compare feature
- In the theme editor (Customize), go to Theme settings.
- Select Product compare.
- Click Enable product compare option and set Max products in compare (2-15 products).
- Save the changes.
Product compare
How to edit Product compare
- In the theme editor (Customize), locate Overlay group > Product compare
- Customize the comparison modal by editing its blocks.

- Product Info ποΈ: Display the product name and any a View details button. The View details button direct customer to the product details page.
- Description βοΈ: Highlight the product's unique features. You can enable text line limit to the content to keep it short.
- Price π°: Show product pricing.
- Vendor π·οΈ: Mention the product brand or supplier.
- Type π οΈ: Indicate the product category.
- Product Variants π: If needed, show variant-related details.
- Drag blocks to re-order them for a better comparison experience.
- Remove blocks if they are not necessary for your product comparison.
Best practices β
- Keep it simple: Show only the most important details to avoid overwhelming customers.
- Highlight differences: Ensure fields like price, type, or description are clear to help customers spot differences.
- Limit comparisons: For the best user experience, keep the maximum number of products compared to 3β5. Too many items might confuse shoppers. π€―
Last updated