# smootify-variant[data-product-id="wishlist"]

> Variant card template (its .w-dyn-item, else itself) repeated once per saved variant (the first one in the page), with the smootify-variant markup; without a smootify-product[data-id="wishlist"] also once per saved product, as the card of its first available variant.

Status: Ready (Smootify 2.0)  
Add-on: Wishlist  
URL: https://www.smootify.io/docs/reference/elements/smootify-variant-data-product-id-wishlist  
Updated: 2026-10-13

## Where it can go

- **Anywhere** on the page.
- **Out of place,** it stays in the page and does nothing: without the licence it stays an unrendered card.

## 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-product-id`.
- **Smootify writes** `data-id`, `is-wishlist-item` on it: do not set them yourself.

## Attributes inside it

| Group | Attribute name | Values |
|---|---|---|
| [Product](https://www.smootify.io/docs/reference/attributes/product) | `product` | 30 |
| [Selected variant](https://www.smootify.io/docs/reference/attributes/variant) | `variant` | 28 |
| [Variant swatch](https://www.smootify.io/docs/reference/attributes/variant-swatch) | `swatch` | 4 |
| [Image size](https://www.smootify.io/docs/reference/attributes/image-size) | `max-width` | 4 |
| [Loading](https://www.smootify.io/docs/reference/attributes/loading) | `skeleton` | 5 |
| [Variant metafield](https://www.smootify.io/docs/reference/attributes/variant-metafield) | `variant-metafield` | 4 |
| [Product (condition)](https://www.smootify.io/docs/reference/conditions/product) | `condition` | 22 |
| [Variant metafield (condition)](https://www.smootify.io/docs/reference/conditions/variant-metafield) | `if-variant-metafield` | 4 |