topic Re: Breadcrumb Navigation with Home and Blog-Post Name in CMS Development

Breadcrumb Navigation with Home and Blog-Post Name

peesen — Wed, 07 Apr 2021 13:32:00 GMT

Hello everyone

I try to create a breadcrumb navigation which includes the "Home" link at the beginning and is adding the article name to the breadcrumb navigation when i open a blog-post. Right now i use the menu-module to create a breadcrumb navigation (i read this in many articles:

<div class="breadcrumb"> {% menu "breadcrumb_nav" id=44342197031, site_map_name='Default', overrideable=False, root_type='breadcrumb', flyouts='false', max_levels='10', flow='horizontal', label='Breadcrumb-Navigation' %} </div>

How can i add the home link and when i change to the blog view add the name of it after the blog overview-link. Examples of the breadcrumb:
Home -> Blog -> Blog Post

Right now its just:
Blog

Because this is the first level link inside my menu.

Thank you so much for all your help!

Re: Breadcrumb Navigation with Home and Blog-Post Name

dennisedson — Wed, 07 Apr 2021 15:47:22 GMT

Hi @peesen

Going to add @jonchim into this thread for you.

Re: Breadcrumb Navigation with Home and Blog-Post Name

Kevin-C — Wed, 07 Apr 2021 16:24:47 GMT

Hey @peesen

Might this solution work for you or get you going in the right direction?

Re: Breadcrumb Navigation with Home and Blog-Post Name

jonchim — Wed, 07 Apr 2021 16:37:47 GMT

Hey @peesen,

I think the thread @Kevin-C linked above is a great jumping off point

Re: Breadcrumb Navigation with Home and Blog-Post Name

dennisedson — Wed, 07 Apr 2021 16:42:43 GMT

The problem with @Kevin-C is he is too quick and sometimes I don't see he has already responded 🙃

Re: Breadcrumb Navigation with Home and Blog-Post Name

jonchim — Wed, 07 Apr 2021 16:46:50 GMT

haha

Re: Breadcrumb Navigation with Home and Blog-Post Name

Kevin-C — Wed, 07 Apr 2021 16:50:28 GMT

lolol

@jonchim @dennisedson

I can't take credit for this! The thread showed up in the recommentations at the bottom of the page and I just happened to scroll down that far.

Re: Breadcrumb Navigation with Home and Blog-Post Name

peesen — Thu, 08 Apr 2021 07:59:50 GMT

@Kevin-CHey, yes this is much closer. Thank you so much 🙂 Is there also a solution to add the name of the blog single view if the page is a blog-post? I cant expect the client to add every blog post to the menu. Thank you so much for your help and have a nice day.

Re: Breadcrumb Navigation with Home and Blog-Post Name

Kevin-C — Thu, 08 Apr 2021 12:56:59 GMT

Hey @peesen

I'd imagine you could wrap the last section in a if listing_view statement:

{% if !is_listing_view %} {{ content.name }} {% endif %} Or {{ !is_listing_view ? content.name : null }}

Checkout these docs for more :

If Listing View

Blog Post Markup

My apologies, I haven't had the time to dig in deep and really test anything.