Quick question for my fellow Shopify Developers.
I am currently working on a breadcrumb feature for a Shopify Theme I am building. I’ve scoured the internet for a way to build a breadcrumbs snippet that will show collections in the breadcrumb path and found two different ways to do it.
- One way used Liquid to do it but has a limitation: the wrong collection link might be shown if a product is included in more than one collection. You can check it out in this blog post
- Another way I found uses JavaScript but obviously, this won’t work if a merchant’s customer has JavaScript disabled in their browser. You can check it out in this Shopify community post if you scroll to the bottom
With all that in mind, this is my question:
Is it a better idea to implement this the liquid way even though there is the limitation that I mentioned above, or is it a better idea to just do this with JavaScript?
The reason why I ask this question is that doing this with liquid instead of Javascript would work perfectly as long as the product was not in more than one collection but most Shopify stores will include a product in more than one collection.
Also the liquid code used to accomplish this is very convoluted and would be difficult to maintain if used in a commercial theme or for a client project,