Jump to content

show category also in breadcrumbs

Recommended Posts

  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

This is not possible. You need to use a 3rd party plugin. See this: https://sf.digital/breadcrumbs-extension

You can also consider adding breadcrumb on Additional Info on each product, then we can give code to move it to current breadcrumb.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
1 hour ago, tuanphan said:

This is not possible. You need to use a 3rd party plugin. See this: https://sf.digital/breadcrumbs-extension

You can also consider adding breadcrumb on Additional Info on each product, then we can give code to move it to current breadcrumb.

mhhh... i see. That is pity.

Ok. and the second option you meant by adding breadcrumb on additional info: Can i try this with your code pls? would like to see if that is an option. 

thank you!

Link to comment
19 hours ago, LonniWong said:

mhhh... i see. That is pity.

Ok. and the second option you meant by adding breadcrumb on additional info: Can i try this with your code pls? would like to see if that is an option. 

thank you!

With option 2, you will need to do this for all products.

You can add it for a product, then share link to it, then we can give the code to move it from additional to current breadcrumb position

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/12/2022 at 2:48 AM, LonniWong said:

hello @tuanphan
you mean like so? 
https://www.lonniwong.com/shop/p/v23kw4uajanonhjutqod1ulk9dv96j

i have just edited this on one example .

Hi,

I don't see anything in Additional Info. Can you check it again?

You can add a Text Block, then enter something like this

Shop > Category Name > Product Name

Then we will give code to replace current breadcrumb with the text you entered.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

It should be Shop (link to shop) > Thoughtful (link to thoughtful category page) > Fame of emotions (no link or link to fame of emotions page)

Add this to Last Line in Settings > Advanced > Code Injection > Footer to move it to current breadcrumb

<script>
  $(document).ready(function() { 
		$('section.ProductItem-additional .html-block').appendTo('nav.ProductItem-nav');
	});
</script>
<style>
  .ProductItem-nav-breadcrumb {
    display: none !important;
}
</style>

image.png.111929f8da905cd0ff48348d655ef47e.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

😃 @tuanphan that is amazing! now the one issue is the mobile version as it is now in the header area.
so it is not possible to click that.

And design wise it has to be underline, has it or is that possible to not display the underlines? (shop and thoughtful) Or with same font?

Thank you for your help! 


1721652497_Bildschirmfoto2022-09-21um01_24_22.thumb.png.43e2d9901c23d2f9e33c9a99216cf424.png

Edited by LonniWong
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.