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?
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025