Enable on collection pages

Pro plan

This feature is only available on the Pro plan. You can change your plan in the app dashboard.

To enable dynamic comparison, open the theme editor and, on the left sidebar, click on "App embeds" section:

Then, turn on the "Dynamic compare" app embed. Inside this block, you will find various settings to control where dynamic comparison is allowed and how to control its appearance:

Product card

Those settings control how the app will inject the "Add to compare" button on collection pages. If you prefer not to inject the button; you can turn off the "Show add to compare" setting.

The app integrates automatically with over 65 themes from the Theme Store (among the most popular) and will inject the button at the correct position. As of today, the app natively supports the following themes:

Dawn
Refresh
Spotlight
Ride
Sense
Craft
Studio
Taste
Crave
Origin
Publisher
Colorblock
Impulse
Prestige
Impact
Symmetry
BeYours
Warehouse
Focal
Broadcast
Empire
Pipeline
Effortless
Local
Canopy
Venue
Boost
Showcase
Reformation
Streamline
Flow
Palo Alto
Expanse
Stiletto
Motion
Athens
Split
Pursuit
Icon
Vision
Yuva
Fashionopolism
Minion
Sahara
Testament
Blockshop
Enterprise
Envy
Mode
Habitat
Spark
Fetch
Combine
North
Whisk
Kingdom
Viola
Highlight
Lorenza
Mr Parker
Champion
Avenue
Aurora
Capital
Retina
Expression
Editions
Mojave
Modular
Upscale
Zest
Beyond
Forge
Emerge
Maker
Sunrise
Grid
Kairo
Woodstock
Above
Nostalgia
Unicorn
Tailor
Monaco
Amber
Area

If your theme is not part of this list, the add to compare button won't be visible. You will either need to reach our support or entering your own CSS target selector to indicate the app where to inject the button.

Floating button

As soon as one product is added to the compared list, the app will add a floating button allowing customers to open the comparison modal.

The app offers you various settings to control the position and appearance of this button.

Dialog

Clicking on the floating button will open the dialog, where the app will dynamically create a comparison table based on the products chosen by the customers. This table allows the buyer to compare products they are interested in more easily.

Appearance

The comparison table will re-use the general comparison table appearance settings. You cannot have a different appearance for the dynamic one. Learn more about how to customize table appearance.