Sub-Category Breadcrumbs For Product Pages

Site URL: https://a2acurates.com

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?

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.

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

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

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?

7 hours ago, tuanphan said:

Add to position 1 or 2?

@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?

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?

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>

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>

@tuanphan Thank you, thank you, thank you!

Worked perfectly!