How can I properly place breadcrumbs on my website using code?

Store Design
1

Hi community,

Recently I came across this tutorial to built in breadcrumbs on my webshop:
https://ecomexperts.io/blogs/liquid-tutorial-shopify/how-to-add-breadcrumb-navigation-to-your-shopify-store-diy-tutorial-using-code

By creating a new snippet the breadcrumbs can be inserted in the webshop everywhere you want by pasting:

{% render ‘breadcrumbs’ %}

Actually I have a specific place on the pages where I want the breadcrumb to appear but I am not able to find it.

beadcrumbs.png
beadcrumbs.png1920×1040 312 KB

This mean under the banner and under the Shopify filter options.

How can I make this happen in the coding? Eitherway, where should I insert the render code?

Kind regards,

Wouter vd Meer

2

Paste above the collection grid

3

Hi Salil17, thank you for the quick response. In which file? And does it apply to each page type then?

4

Find a section named like - collection. work on every collection page not on other pages

5

But I want to apply it to blogs, pages, products pages etc as well. Is there a way to do this or should you add it to each format seperately?

6

Need to add it separately.

7

And does it work the same if I add it separately across different page types?

8

You need to tweak the code for every page.

9

@WoutervdMeer

Find this string “” in your code folder, then insert your breadcrumb snippet after “” tag