Support » Plugin: WooCommerce Breadcrumbs » Option to not show product title at the and of breadcrubs

  • Resolved Jesper

    (@jsscratch)


    Hello,

    I was wondering if it would be an option to not show the product title at the end of the breadcrumbs. It some cases it makes the breadcrumbs very long and messy and it’s not that necessary. The product title is already shown on the page anyway.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Anthony Hortin

    (@ahortin)

    Hi Jesper,

    Unfortunately, the WooCommerce Breadcrumbs are very limited in what you can actually do to them. You can remove that product name from the breadcrumb, but you’ll need to tweak the breadcrumb settings and add a few lines of custom css. I also had to make a small change to the plugin to allow this, so you’ll need to update your plugin to the latest version (v1.0.6). I’ve just uploaded the new version of the plugin so you should get a Dashboard notification advising there’s a new version available.

    The html tags probably wont render properly in this comment, so you’ll need to take a look at the following screenshot and update your breadcrumb settings accordingly. I’ve highlighted the fields that you’ll need to change so just make sure they match what I have.

    https://share.getcloudapp.com/z8uXW74R

    Lastly, you’ll need to add some custom css, so in the Dashboard, select the Appearance > Customize menu option to go into the Customizer. In the Customizer, select the Additional CSS option, and add the following CSS into the available editor and click Publish to save your changes.

    
    .woocommerce-breadcrumb li {
     display: inline-block;
    }
    .woocommerce-breadcrumb ul {
     padding-left: 0;
    }
    .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb a:visited {
     color: #767676;
    }
    .woocommerce .woocommerce-breadcrumb li {
     font-size: 14px;
    }
    .woocommerce-breadcrumb li:last-child {
     display: none;
    }
    .woocommerce-breadcrumb ul :nth-last-child(2) {
     display: none;
    }
    

    And that should be it. (Don’t forget to update to the latest version of the plugin, 1.0.6).

    If you’ve completed these steps, the product name (and the last separator) should disappear from the Breadcrumbs.

    Thread Starter Jesper

    (@jsscratch)

    Awesome, this worked instantly! Thank you so much.
    One more small thing.
    Is it maybe possible to make an exception for this page https://www.kabelbomen.com/webshop/ so that the breadcrumb there will be Home / webshop instead of just home.

    Thread Starter Jesper

    (@jsscratch)

    Actually, I decided that it is better to not show the breadcrumb at all on the main webshop page. Would that be possible?

    Plugin Author Anthony Hortin

    (@ahortin)

    Glad all the above worked for you.

    If you add the following to your css in the Customizer, it should hide the breadcrumbs on just that Webshop page.

    
    .elementor-page-2383 .woocommerce-breadcrumb {
     display: none;
    }
    
    Thread Starter Jesper

    (@jsscratch)

    Awesome, everything works great!
    Thank you so much.

    Plugin Author Anthony Hortin

    (@ahortin)

    You’re very welcome. Glad everything worked for you 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Option to not show product title at the and of breadcrubs’ is closed to new replies.