Woocommerce Breadcrumb with Yoast

Hello @skywalker7188 ,

It seems that the Yoast help page contains the exact answer to your question.
https://yoast.com/help/replace-woothemes-breadcrumbs-by-yoast-breadcrumbs/

I hope you’ll find that article helpful!

Thank you for your contribution and have an amazing day!

Hi Mat,

i try this, but the article is about WooThemes. I use the Neve theme. This doenst work.
I Think neve replace the WooCommerce Breadcrumbs.

Hello @skywalker7188 ,

The breadcrumbs in Neve Lite are not customisable. Once you implement a breadcrumb plugin like Yoast for example, they will be displayed but if you want more control over them you can upgrade to Neve Pro where we have more customization available for the breadcrumbs themselves. You can check our doc for it here

There might be a way to customize them in Neve lite too by implementing a child theme and use some serious coding skills. You can check out this link , to see how to implement it in a child theme, and this link on how to create a child theme for Neve.

I hope this will help you get the desired results!

Thank you and have an amazing day!

Thanks for your reply.

I use the yoast breadcrumbs instead of neve breadcrumbs. The only problem is that the yoast breadcrumbs is displayed in the checkout and on the cart page. That doesn’t happen to the neve. is there a code to hide the yoast breadcrumbs there too, like Neve breadcrumbs?

Best regards

I ask Yoast Developer about this problem.
https://www.ads-software.com/support/topic/yoast-breadcrumbs-on-cart-checkout/

Do you have a Solution?

Hello @skywalker7188 ,

In order to hide the breadcrumbs on specific pages you need to add the below codes in the Additional CSS tab from the customize menu

Cart Page:

.page-id-54.nv--yoast-breadcrumb {
            
     display: none;
}
.page-id-55.nv--yoast-breadcrumb {
            
     display: none;
}

Please let us know if this worked for you!

Thank you!

Hi Mat,
Yes this works for me. But not for the Shop Page. The Shop Page ID is 53. Why this doenst work? And why display the Neve Theme the Yoast Breadcrumbs in the Cart and Checkout? ??

Hello @skywalker7188 ,

In order to remove the breadcrumbs from the Shop Page add the below code:

.page-id-53.breadcrumb-trail {
    display: none;
}

As for the cart and checkout page, I haven’t seen any breadcrumbs appear on my end. Are you having an issue with those?

Neve has integrated breadcrumbs across the website so it facilitates user experience, however Neve Lite users don’t have control over where and how they are displayed. That option is only available with the Pro addon.

Please let us know if this worked for you!

Thank you and have an amazing day!

Hi @mateithemeisle

Unfortunately this does not work with the code for the shop page. I’ve already tried it. I read that the shop page was assigned a different ID via WooCommerce or something like that.

yes now you don’t see any more in the checkout because i removed the breadcrumbs: D

I have neve pro. Still, I can’t set where it should appear.
The Neve breadcrumbs do not appear in the cart or checkout, but the Yoast breadcrumbs do.

Anyway … I just need help to hide the yoast breadcrumbs on the shop page.

Kind Regards

Hello @skywalker7188 ,

If you are using Neve Pro then could you please contact us directly at https://store.themeisle.com/contact/ ? This way we can help with your issues quicker and more efficiently.

A solution to what is happening now would be to remove the breadcrumbs altogether and then use the Breadcrumbs block from the Header Booster Module to directly import the Yoast Breadcrumbs into your website as described here. Or use shortcode implementation to display the breadcrumbs only on specific pages.

You could also try finding the Page Id by following this guide and then replace the Additional CSS code with the id number you find after the equals sign.

The problem of how these breadcrumbs are implemented right now is that it is affecting also every product as the same classes are used there too.

Please write to us via the contact provided above if nothing worked, so we can troubleshoot further and help you solve this issue!

Thank you and have an amazing day!