The wishlist component (Vvveb\Component\Wishlist) lists the products in the current user's wishlist with pagination. It enriches each product with the standard product data (prices, taxes, images, URLs). Caching is disabled ($cacheExpire = 0).

Activate the component by adding:

data-v-component-wishlist

Component Options

Add options as HTML attributes using the data-v-* syntax.

Option Attribute Description Default
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 products per page 4
language_id data-v-language_id Language for product names Current language
site_id data-v-site_id Site ID Current site
user_id data-v-user_id Wishlist owner; defaults to the logged-in user null
image_size data-v-image_size xlarge, large, medium, thumb medium

Component Properties

Each product is wrapped in an element marked with data-v-product and exposes the same fields as the products component (name, url, image, price, price_formatted, add_cart_url, …). The component also exposes limit, start and search for pagination templates.

HTML Example

<div data-v-component-wishlist data-v-limit="8">
	<div data-v-product>
		<img src="" data-v-product-image alt="Product image">
		<h3 data-v-product-name></h3>
		<span data-v-product-price_formatted></span>
		<a href="" data-v-product-url>View</a>
	</div>
</div>

Notes

  • For the per-user wishlist table variant see the user-wishlist component (data-v-component-user-wishlist), which reads the user_wishlist records directly.