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. 

breadcrumb.png

Link to comment
  • Replies 5
  • Views 1.6k
  • Created
  • Last Reply

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

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

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

https://somesquarespacepage/shop

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

https://somesquarespacepage/shop?category=hotpants

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

Archived

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.