Why you need this:
The default breadcrumbs in Shopify are not easily controlled or SEO-friendly. They always display something different, depending on the path you took to land on the page. Often they just display Home > Product title, which is useless.
This section is a simple way to create a more SEO-friendly breadcrumb structure that you have full control over, by using Metafields.
Using this section you will create what's known as 'static' or 'hierarchical' breadcrumbs. Every product will belong to one specific collection (even though in reality it can be in multiple collections), and you can also display sub-collections that belong to parent collections.
A proper (hierarchical) breadcrumb structure has two main benefits:
1. They are better for SEO because they create lots of internal links with a clear structure that Google can understand.
2. It's a user-friendly feature that lets your customer easily go back to the parent or grandparent collection and explore the rest of your store.
Watch the video for more details.
What you get
You will receive an email with a link to the code & instructions file.
It is hosted online (using Notion) so that I can update the code at any time and you will always see the latest version.
Simply bookmark the link if you need to revisit it.
Easy Install
1. Go to your Themes page and click "Edit Code".
2. Click "Add a new section" under the sections folder.
3. Paste in the code and save.
Now you can find the section in your theme customizer.