Wishlist Landing Page
Let your customers access their wishlist via a specific page on your site (rather than just via the slide out drawer). This feature is available by default on all stores.
Last updated
{{ 'component-card.css' | asset_url | stylesheet_tag }}
<div class="collection page-width">
<h2> {{ wishlist.title | default: "Shared wishlist" }}</h2>
<ul class="grid product-grid grid--2-col-tablet-down grid--4-col-desktop">
{% for item in wishlist.items.value %}
<li class="grid__item">
{% render 'card-product',
card_product: item.product,
media_aspect_ratio: "adapt",
image_shape: "default",
show_secondary_image: true,
show_vendor: true,
show_rating: true,
skip_styles: false,
section_id: section.id,
quick_add: false
%}
</li>
{% endfor %}
</ul>
</div>