How add breadcrumbs site-wide

Hey @gretche

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 @kushnamdev,

It’s user interface consistency I’m looking for – so breadcrumbs are on all pages (not just wooCommerce ones).

You say “Once you implement a breadcrumb plugin like Yoast for example, they will be displayed?” – well as you can read in my OP, the Yoast-breadcrumbs are not implemented by e.g. selecting an option, but by addition of code. And their suggestion is to ask the theme provider where best to place this code. That is what I’m asking for.

You refer to ‘Neve lite’ – is this same as the ‘free’ version?

Also, I haven’t come across their term ‘non-woo Theme themes'[sic] before. Is Neve ‘woo’ or ‘non-woo’?

Hi @gretche!

Non-woo themes are themes that are not compatible with WooCommerce. Neve is fully compatible with WooCommerce, so it is not a non-woo theme. Also, Neve Lite refers to the free version of the theme.

Regarding the breadcrumbs, as it is stated on the Yoast documentation that you shared, the code can be added in multiple files, depending on where you want to add the breadcrumbs. The easiest way would be to add the code at the end of the page.php file so they will be displayed on every page, but again, it depends on where you want to display them.

Have a nice day!

Here is a quick solution. For me it works with the Yoast SEO breadcrumbs. Neve already has the code for Yoast SEO breadcrumbs – only it doesn’t insert it on every page.

Include this PHP code for every frontend page. You can use the WPCode Lite plugin for example.

PHP:

add_filter( 'neve_breadcrumbs_locations', 'filter_breadcrumb_locations', 1 );

function filter_breadcrumb_locations( $content ) {
  return array(
    'neve_after_header_hook'
  );
}

CSS:

header .neve-breadcrumbs-wrapper {
  display: block;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  margin: 0 auto 25px;
  max-width: var(--container);
  font-size: .8em;
}

The original code in the Neve theme is less than ideal. The original locations cover only some pages – it’s inconsistent. But, as you see, it’s customizable to some extent.

This code will make Neve insert the breadcrumb into the header, at the bottom of the header, on every page except home.

The 'neve_breadcrumbs_locations' filter expects a list of existing hooks to be returned to it. It will register the breadcrumbs insertion code at these hooks by itself… so the breadcrumbs block will be inserted automatically at these places. And as every page has a header, the 'neve_after_header_hook' will be called on every page. Except for the home page, which is hard excluded in the code in Neve (in breadcrumbs.php).

This CSS will make it align identically as the header itself. You can change it to your needs, of course.

Neve has breadcrumb code integration ready to use for Yoast SEO, SEOPress and Rank Math. No custom breadcrumbs option. These 3 should work.

I like Neve and I like NavXT, so I’ll look into making work the NavXT breadcrumbs plugin, too.