Recent searches


No recent searches

How to remove breadcrumbs from the instant search results?

Answered


Posted Oct 31, 2021

Hi everyone, 

I'm desperately searching for a way to exclude breadcrumbs from the list of instant search results that pops up while typing.

In our Help Center, the categories and sections structure is too  simple to be helpful for customers, and therefore we would like to hide all breadcrumbs.

But unfortunately, the "instant breadcrumbs" don't feel addressed by styles of the .search-result-breadcrumbs class or any other class I could think of. 

I'd be glad if someone could give me a gentle push in the right direction.

Cheers,

Georg







0

9

9 comments

image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

Hi, 

To hide the breadcrumb in the list of search suggestions: Only copy and paste it at the style.css at the bottom.

zd-autocomplete-breadcrumbs-multibrand {display: none !important;}

 

Thanks

Team Diziana

0


Marvelous, many thanks, Ifra! 

0


image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

Awesome!

0


Ifra Saqlain is it possible to do this for select articles? I'm trying to host a landing page and bury it within my Knowledge Base. This would include, removing breadcrumbs, "other articles in this section" and removing from search (if possible).

0


image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

Hi Zach SK, can you please explain something more detail ?, so I can give you exact solution.

 

0


Sure thing. I plan to use a Guide Article as a redirect destination for an internally hosted web page, as we want to also utilize this redirect to usher folks who are not familiar with our knowledge base to the site.

The ideal scenario for this is to simply be a "we've moved" type of page with some basic information (typical article title and content). What I am trying to achieve is:

  • remove the entirety of both sections highlighted in red
  • remove this particular article from and search results

I tried creating an article template solely for this but I'm not able to eliminate these sections.


0


image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

Hi Zach SK,

For first one :

  • remove the entirety of both sections highlighted in red

 

Solution:

.article-sidebar, .sub-nav nav { display:none }



 

and for second one:

  • remove this particular article from and search results.

 

Solution:

Now you need to use user segmentof for this particular article.

 

If any confusion feel free ask :)

Thanks

 

0


Thank you, Ifra Saqlain.

 

For the first item:

  • I only want to do this to this particular article. Is there a way to add a filter for this in the css?

0


image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

@Zach SK,

Wrap the sidebar and breadcrumb code inside the condition as I'm doing below:

{#isnt article.id 360038927171}}
      {{breadcrumbs}}
{{/isnt}}


Screenshot:




 

 

Also wrap the sidebar code inside the condition {{#isnt article.id 00000}} {{/isnt}}.

 

How I did below:

 {{#isnt article.id 360038927171}}

You sidebar code inside here

{{/isnt}}



Screenshot:



 

 

360038927171 -- Thi is my article ID you will have your article id, you can find this ID in searcbar --

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post