Hide the product title from the breadcrumbs on the product page

Hello, could you please tell me how I can hide the product name from the breadcrumbs on the product page?

The page reference is here:

https://woocommerce-627090-2434363.cloudwaysapps.com/woodmart_layout/custom-watches/?preview_id=10491&preview_nonce=8334ab11dd&preview=true

Thanks in advance!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-breadcrumb .breadcrumb-last:last-child{
    display:none;
}

Best Regards

Thank you so much this worked perfectly, one more thing do you know how we can hide the last /

(see pic attached)

Thank you 🙂

Attachments:

You must be logged in to view attached files.

Also – this code is also affecting the breadcrumbs on the shop page. Is there a way I can make it work just for the product page only?

Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-breadcrumb .breadcrumb-link-last:after,
.woocommerce-breadcrumb .breadcrumb-last {
	display: none;
}

Best Regards

Hi Elise,

Thanks so much for your help with this, but could you please let me know how I can apply this code so that is affects only the breadcrumbs on the product pages? Because it is currently also affecting the breadcrumbs on the main shop page also – but on the shop page I need all the breadcrumbs to please show.

Thanks in advance for your help & support

Hello,

Please replace the code with this one:

body.single-product .woocommerce-breadcrumb .breadcrumb-link-last:after,
body.single-product .woocommerce-breadcrumb .breadcrumb-last {
	display: none;
}
body.single-product  .woocommerce-breadcrumb .breadcrumb-last:last-child{
    display:none;
}

Best Regards

Hi Elise,

That works perfectly! Thank you again so much for your help and assistance! 🙂

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts