smootify-product[data-id="wishlist"]
Card template repeated once per saved product (the first one in the page); without a smootify-variant[data-product-id="wishlist"] also once per saved variant, as its product's card on that variant. A page opened from a wishlist-share link (?w=) shows that list instead of the visitor's, with body.is-shared-wishlist.
At a glance
Only the product template
- A saved product
- Its product card.
- A saved variant
- The card of its product, with that variant selected.
Only the variant template
- A saved product
- The card of its first variant that can be bought, or of its first variant.
- A saved variant
- Its variant card.
Both templates
- A saved product
- A card of the product template.
- A saved variant
- A card of the variant template.
More in the guide.
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 unloaded 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-id. - Smootify writes
data-idon it: do not set them yourself.
Attributes inside it
| Group | Attribute name | Values |
|---|---|---|
| Product | product | 30 |
| Gallery parts | gallery | 4 |
| Selected variant | variant | 28 |
| Option buttons | option | 14 |
| Each value | option | 5 |
| Image size | max-width | 4 |
| Loading | skeleton | 5 |
| Form values in the page | form-value | 7 |
| Product metafield | metafield | 8 |
| Variant metafield | variant-metafield | 4 |
| Option metafield | option-metafield | 3 |
| Quantities of a metaobject’s products | metaobject-quantity | 3 |
| Product (condition) | condition | 22 |
| Product tags (condition) | tagged | 4 |
| Product metafield (condition) | if-metafield | 4 |
| Variant metafield (condition) | if-variant-metafield | 4 |