I'm a bit lost.
I'd like to create a wishlist for products and save them into a cookie.

I don't want anybody to have a login and I don't mind if the list is not sharable and only available on the same device.

In my mind, the cookie would be an array that contains the product ids. The array can be updated by either removing an id or adding one.

Showing the products would just be iterating over the product ids.

Preferably I would do this in sprig.

I have a hard time to get started.

Could anybody affirm if this is possible and might walk me through on how to achieve this?

Any help appreciated!


1 Answer 1


YAY! I got it all working!

The docs from the wishlist plugin for craft cms were wrong. Wishlist is able to store a list in a cookie, which was a demand in our project. They've corrected the docs:

The sprig cookbook was a great starting point.

I've created a component to add the entry into the wishlist:

{{ sprig('_sprig/_entry', { entryId: entry.id }, {'id': 'entry'}) }}

Then I've created a second component that shows the wishlist and the number of items it contains (much like a shopping cart). It listens to the #entry component and updates itself:

{{ sprig('_sprig/_wishlist', {}, {'s-listen': '#entry'} ) }}

The rest was easy. Showing the list and iterate over it.

{% if list and list.items|length > 0 %}
    <div class="grid">
        {% for item in list.items.all() %}
            {% set entry = item.element %}{# just for convienience #}
            <div class="col-1-4" id="{{ entry.slug }}">
                <a href="{{ entry.url }}?type=wishlist">
                    <h2>{{ entry.title }}</h2>
        {% endfor %}
{% else %}
    <p>Your wishlist is empty</p>
{% endif %}

I hope this will help somebody.

  • What I forgot to say. In order to save the wishlist as cookie you need a config file and set 'cookieExpiry' => P10Y, // 0 if Session-based
    – outline4
    Nov 21 at 13:46

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.