# wishlist-toggle

> Adds or removes the product, or its current variant (data-use-variants), from the wishlist; inside a card of the wishlist page it works on the entry the card shows, product or variant.

Status: Ready (Smootify 2.0)  
Add-on: Wishlist  
URL: https://www.smootify.io/docs/astro/reference/elements/wishlist-toggle  
Updated: 2026-10-21

## Where it can go

- **Inside any of:** [`smootify-product`](https://www.smootify.io/docs/astro/reference/elements/smootify-product), [`smootify-variant[data-product-id="wishlist"]`](https://www.smootify.io/docs/astro/reference/elements/smootify-variant-data-product-id-wishlist).
- **Out of place,** Smootify removes it from the page.

## What it requires

- The **Wishlist** extension (lite or server plan, or the extension activated in the Smootify dashboard). Without it, the element does nothing.

## Attributes on the element

- **It reads** `data-use-variants`, `data-animation-on`, `data-animation-off`.

## Loading

Its code loads only on pages that have `wishlist-toggle`.