Shopify themes, liquid, logos, and UX
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:
BUT WHAT I AM TRYING TO DO:
is to get it in this format: Collection 1 / Collection2 / Collection 3
Like this:
Thank you in advance
the link to my page is
Solved! Go to the solution
This is an accepted solution.
Hey @Nordiccomfort,
You could use a span instead of li.
<span><a href="{{collection.url}}">{{collection.title}}</a></span>
This is an accepted solution.
Hey @Nordiccomfort,
You could use a span instead of li.
<span><a href="{{collection.url}}">{{collection.title}}</a></span>
can you advise where to add this code?
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025