Shopify setup
Compare starts on and depends on Virtual Try-On. Shoppers can select up to three pieces from supported product cards.
- Check that Virtual Try-On and Compare are on in Feature Settings.
- Add the SPREEAI Compare app block to a section that shows product cards, such as a collection grid.
- Save the theme and open the storefront. Select two enabled products with ＋ Compare.
- Check the selection tray, then choose Compare. Confirm that the intended pieces appear side by side.
Fitting Room shortcut
The product-page Fitting Room card also offers Compare looks. Its checkbox must be enabled in the block, and Compare must be on in Feature Settings. A block setting cannot enable a store-wide feature that is off.
Custom web integration
The public Web SDK exposes renderTryOnButton(); it does not expose a standalone Compare method or a Compare render option. Passing multiple garments requests a matching outfit, not a side-by-side comparison. Confirm the supported Compare integration path with SPREEAI.
Acceptance checks
- Only eligible enabled products show a Compare entry point.
- Selection labels and the tray reflect the pieces selected.
- Changing or clearing a selection updates the comparison.
- Turning Compare off hides the feature after a page reload.