Home Forums WoodMart support forum Hide the product title from the breadcrumbs on the product page

Hide the product title from the breadcrumbs on the product page

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #381981

    nathaliedxb
    Participant

    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!

    #382049

    Hello,

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

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

    Best Regards

    #382085

    nathaliedxb
    Participant

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

    nathaliedxb
    Participant

    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

    #382493

    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

    #389382

    nathaliedxb
    Participant

    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

    #389606

    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

    #389677

    nathaliedxb
    Participant

    Hi Elise,

    That works perfectly! Thank you again so much for your help and assistance! πŸ™‚

    #389741

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Hide the product title from the breadcrumbs on the product page’ is closed to new replies.