DAWN: Add path way/route of collection on product page

Store Design
, ,
1

Hi, i am trying to show route/path way of collection so that the costumers can navigate the product in the collection.

Today i just do a “for” loop of collections to get a list of the collection the product is in. Like this:

 {% for collection in product.collections %}
                <li><a href="{{collection.url}}">{{collection.title}}</a></li> 
                {% endfor %}

This gives me:

Skjermbilde 2024-01-20 kl. 01.42.32.png
Skjermbilde 2024-01-20 kl. 01.42.32.png2880×1362 221 KB

BUT WHAT I AM TRYING TO DO:

is to get it in this format: Collection 1 / Collection2 / Collection 3
Like this:

Skjermbilde 2024-01-20 kl. 01.42.59.png
Skjermbilde 2024-01-20 kl. 01.42.59.png2878×1412 231 KB

Thank you in advance

the link to my page is

www.nordiccomfort.no

2

Hey @Nordiccomfort ,

You could use a span instead of li.

<span><a href="{{collection.url}}">{{collection.title}}</a></span>
3

can you advise where to add this code?