Skip to content
Install app
English
  • English
  • FrançaisSoon
  • DeutschSoon
  • EspañolSoon
  • ItalianoSoon
  • Português (Brasil)Soon
  • Português (Portugal)Soon
  • 日本語Soon
  • 한국어Soon
  • 简体中文Soon
  • 繁體中文Soon
  • NederlandsSoon
  • DanskSoon
  • SuomiSoon
  • Norsk (bokmål)Soon
  • PolskiSoon
  • ČeštinaSoon
  • TürkçeSoon

Wishlist ‑ Wishify

Keep the Wishlist ‑ Wishify button working correctly on product cards inside the filtered product grid.

What this does

Wishify normally attaches its “add to wishlist” button to a product card once, when the page first loads. Because Smart Product Filter & Search re-renders product cards every time a shopper filters, sorts, or paginates, that button needs to be re-attached on each refresh — otherwise it stops working after the first interaction. Wishify also needs one small snippet added to your theme.

Turn on the integration

  1. In the app, go to Settings > Integration.
  2. Search for Wishify and turn on Enable integration.
  3. Click Sync now on the Home dashboard.

Add the theme snippet

  1. Go to Online Store > Themes > Edit code.
  2. Open snippets/globo.filter.product.liquid (see Customize the app’s product list template if this file doesn’t exist yet).
  3. Add:
<div class="zoomywishid zoomywishid-{{product.id}}"
data-product-id="{{product.id}}"
data-handle="{{product.handle}}"
data-image="{{product.featured_image | img_url: '360x'}}"
data-variantname="{{product.selected_or_first_available_variant.title}}"
data-title="{{product.title}}"
data-variant="{{product.selected_or_first_available_variant.id}}"
data-price="{{product.selected_or_first_available_variant.price | remove: '.' | remove: ',' | divided_by: 100.0 }}"></div>
  1. Save.

Was this helpful?

Report an issue