Profile PictureEd Codes

Better Breadcrumbs for Shopify

10 ratings

Metafield-powered Breadcrumbs for Shopify!

This section gives you manual control over the breadcrumbs for every product and collection in your Shopify store!

Allowing for this kind of breadcrumb structure:

Home > Collection > Sub-collection > Product

Benefits:

  1. Great for SEO because it creates lots of internal links with a clear hierarchy that Google can understand, and increases the authority of your collection pages.
  2. It's a user-friendly feature that lets your customer easily go back to the parent collection and explore the rest of your store.

The core issue was that the default breadcrumbs in Shopify are not functional or SEO-friendly. Many stores have contacted me about a solution, and here it is.

Watch the video for more details.

Demo:

https://dev-code-shop.myshopify.com/products/the-complete-snowboard

(password is 123)

Easy install process:

  1. Open up the code editor for your theme (Online Store > Theme > ... (three dots menu) > 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 together with all your other theme sections.

The final step is to define and fill out Metafields on your products and collections. Watch the video for more details.

Use settings to customize the look

Spacing: Adjust width and paddings to align it with the rest of your theme.

Typography: Change font size, weight, color, case and more.

Custom class (advanced): Add a class to apply styles from your theme or target the section from custom CSS in your theme.


Why use my Shopify add-ons instead of apps?

No monthly fees

Buy it once and own it for life.

And if I release an updated version, you can download it for free.

Built into your theme editor

Edit everything in one place using the native Shopify interface, not a separate app screen.

Lightweight

Shopify apps will slow down your store. Add-ons using native Shopify code will not. 

Seamless design

Apps sometimes stand out like a sore thumb. A built-in solution will look like part of your theme, be less buggy, and feel faster. 

Feedback?

I will be updating this product if I get any requests for new settings, features or bug reports. Feel free to email me at hi@ed.codes.

Add to cart
54 sales

10-day money back guarantee

Are you worried about installing the code correctly, or that it won't be compatible with your theme?

I can help you troubleshoot technical issues, or issue you a refund.
Just email me on hi@ed.codes.

For troubleshooting, I will need access to your admin. Please send me your store URL, and collaborator code (find it in Shopify Settings > Users & Permissions).

Last updated Mar 19, 2024

Code + Instructions

Simple installation & use
Copy & paste into your theme
Theme compatibility
Works with any theme!
Copy product URL

Ratings

5.0
(10 ratings)
5 stars
100%
4 stars
0%
3 stars
0%
2 stars
0%
1 star
0%
$30

Better Breadcrumbs for Shopify

10 ratings
Add to cart