Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Sub-Category Breadcrumbs For Product Pages


kimsedgwick1

Question

Site URL: https://a2acurates.com

Hi Guys,
 
On my online store I have categories such as homeware in the nav section and then sub-categories within that - such as cushion covers, baskets etc. - see images.
 
For some reason when you click on a product, the breadcrumb does not show the sub-category.
Eg: it says Homeware - name of the product.
Is there any way to add this sub-category to all my product pages?
 
I want it to be for example:
Homeware - Cushion Covers - name of product.
Therefore if you click on the cushions covers, it takes you back to that sub-category page.
 
Password: kimsedgwick
 
Any help would be greatly appreciated.

Screenshot 2021-10-25 at 16.04.37.png

Screenshot 2021-10-25 at 16.02.06.png

Edited by Amaya_SQSP
Link to comment

8 answers to this question

Recommended Posts

  • 0

Hi,

It is default setting. To show category on product, The only way is to manually add the breadcrumb with Text Block or Code Block to Additional Info, then use code to move it to the current breadcrumb's position.

What do you think?

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 10/29/2021 at 4:34 AM, tuanphan said:

Hi,

It is default setting. To show category on product, The only way is to manually add the breadcrumb with Text Block or Code Block to Additional Info, then use code to move it to the current breadcrumb's position.

What do you think?

 

I would be willing to give this a try, would you be able to help me with the code to move it?

It needs to be a link - so it can be clicked on and it goes back to the sub category page.

Link to comment
  • 0
On 11/12/2021 at 4:52 PM, kimsedgwick1 said:

I would be willing to give this a try, would you be able to help me with the code to move it?

It needs to be a link - so it can be clicked on and it goes back to the sub category page.

Hi,

You can add a Text Block in Description or Additional Info >> Add the breadcrumb text link >> Then share link to a product >> We can check & give code to move its position easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
18 hours ago, tuanphan said:

Hi,

You can add a Text Block in Description or Additional Info >> Add the breadcrumb text link >> Then share link to a product >> We can check & give code to move its position easier

Hi there, thanks for this.

 

I have added it as a text box link under additional text - the link goes back to the sub category page. 

I just need to move this now to the middle of the breadcrumbs and so that it looks the same as the other breadcrumbs.

https://a2acurates.com/homeware/umtsala-striped-planter

 

Password: kimsedgwick

Edited by kimsedgwick1
Link to comment
  • 0
On 11/15/2021 at 2:36 PM, kimsedgwick1 said:

Hi there, thanks for this.

 

I have added it as a text box link under additional text - the link goes back to the sub category page. 

I just need to move this now to the middle of the breadcrumbs and so that it looks the same as the other breadcrumbs.

https://a2acurates.com/homeware/umtsala-striped-planter

 

Password: kimsedgwick

Add to position 1 or 2?

image.thumb.png.6a7712a4d74a0ef066541e759dd7dd06.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 11/18/2021 at 4:28 PM, kimsedgwick1 said:

@tuanphan

I would prefer to have it in position 3 if possible for desktop and mobile - between the other 2 breadcrumb titles. See photos.

If that can't be done, then number 2 please - where would this sit when on mobile?

Screenshot 2021-11-18 at 11.20.38.png

Screenshot 2021-11-18 at 11.25.41.png

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('section.ProductItem-additional a').appendTo('.ProductItem-nav-breadcrumb-separator');
	});
</script>
<style>
  span.ProductItem-nav-breadcrumb-separator:before {
    content: '\203A';
}
</style>

image.thumb.png.8531379f6fed5d8cfb23ad759e8b1af7.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
3 hours ago, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('section.ProductItem-additional a').appendTo('.ProductItem-nav-breadcrumb-separator');
	});
</script>
<style>
  span.ProductItem-nav-breadcrumb-separator:before {
    content: '\203A';
}
</style>

image.thumb.png.8531379f6fed5d8cfb23ad759e8b1af7.png

@tuanphan Thank you, thank you, thank you!

Worked perfectly!

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