Jump to content

Missing Breadcrumb

Recommended Posts

Hi everyone, I'm putting a site together for someone and I'm having an issue with the breadcrumb function. The image attached shows the product page for a coffee. This particular coffee is part of their 'signature blends' which is category I've created in the shop. However, 'signature blends' does not appear in the breadcrumb. The arrow illustrates where I'd like it to appear. Can't seem to find a function in 'design' that allows me to add this. Can anyone please help? Thanks in advance. 


Link to comment
  • Replies 5
  • Created
  • Last Reply

There isn't a 'function' to do this. It can only be added with JavaScript.

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment
  • 3 months later...
  • 2 weeks later...

TLDR; The solution depends on your site structure, template, overall content, what type of product you're selling, and the logic around what constitutes as a root or a node. A one-size-fits-all solution is complex. Squarespace gives a lot of flexibility to have one-to-many relationships with categories and tags but the site structure itself is fairly flat.   

With any breadcrumb strategy, particularly history based that you're looking for, you still need to incorporate a fair amount of business logic to determine a proper root to destination mapping. For instance you wouldn't want something as weird as "Home -> Shop -> CategoryA -> ProductA -> Home -> About Us..." as a breadcrumb or really any slice of that. Once the user goes back home the breadcrumb starts over. So that breadcrumb has to keep logical history and determine what constitutes a new node, a deleted node, or a complete reset to root. You also need to keep in mind SEO and what you're looking to gain from that as well since bots do tend to look at breadcrumbs for clues to your site structure and relationships. Other popular breadcrumb strategies are; Hierarchy based (logical structure from root to end destination), Attribute based (great for apparel or products with deep configuration). Actually, I don't know of any sites that truly use history based representation of breadcrumbs and are still logically manipulated to get a consumer back to a location that will maximize conversion. Basically Hansel and Gretel may have left breadcrumbs to get back home but on their way back somebody moved those breadcrumbs to make sure they passed by a marketplace of particular treats they might be most interested in before they reached home. 

One complaint I see a lot of is not showing 'Category' in the breadcrumb. When you go to a Shop page you may see a URL like


and can cull down to a category using querystring like so: 


With some clever use of the 'code block' on each of the relevant pages utilizing 'sessionStorage' and 'location' you can create a breadcrumb that can read Shop -> HotPants -> ProductA.

For ultimate flexibility and for complex requirements you may need to go into Developer mode to take advantage of JSON-T. 


Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.