The user-wishlist component (Vvveb\Component\User\Wishlist) lists raw wishlist records (user_wishlist table) for a user, each enriched with its product data and detail-page URL.
Activate the component by adding:
data-v-component-user-wishlist
Component Options
Add options as HTML attributes using the data-v-* syntax.
| Option | Attribute | Description | Default |
|---|---|---|---|
| user_id | data-v-user_id |
Wishlist owner; defaults to the logged-in user | null |
| start | data-v-start |
Starting offset; recomputed from page when set |
0 |
| page | data-v-page |
Page number for pagination | 1 |
| limit | data-v-limit |
Number of records per page | 10 |
| image_size | data-v-image_size |
Product image size (xlarge, large, medium, thumb) |
thumb |
Component Properties
Each record is wrapped in an element marked with data-v-product and contains the wishlist fields plus the joined product fields (name, slug, price, image, url, …).
HTML Example
<div data-v-component-user-wishlist data-v-limit="10">
<div data-v-product>
<img src="" data-v-product-image alt="Product image">
<h3 data-v-product-name></h3>
<a href="" data-v-product-url>View</a>
</div>
</div>