Favourite Button
Toggle button for saving products to the user's wishlist, with favourites persisted in localStorage.
AP_FavouriteButton is a toggle that saves and removes a product from the user’s wishlist, with the favourites list persisted between sessions. Connect an Active slot for the hearted state and an Inactive slot for the default state — the component switches between them automatically based on whether the product is currently saved. Product IDs in any format are normalised to the numeric Shopify ID internally, so the PDP and catalog cards always agree on which products are saved. A Preview State control lets you force either state on the canvas for design purposes.
Property Controls
Product ID
—
The Shopify product ID for this product. Accepts the full GID or numeric format — both are normalised automatically.
Preview State
auto
Canvas preview override. Auto = derives state from the wishlist. Active ♥ = shows the active/hearted slot. Inactive ♡ = shows the inactive slot. Use Auto in production.
Active ♥
—
The component slot rendered when this product is in the wishlist (hearted state).
Inactive ♡
—
The component slot rendered when this product is not in the wishlist (default state).