Implementing a search results sidebar filter like Zendesk's
I was wondering if you can provide some direction/customize-able code to be able to implement a left hand search result filter like the on you utilize here in the Zendesk Help Center. It would be nice to provide our users with the ability to search within specific topics whether in the Community or Knowledge Base, as you do.
Currently we only have the split in results between Community or Knowledge base, but no way to filter by topic or section.
I would love to set up our search result page, just like yours
-
Hey Jaokim!
This feature is in an internal-only beta at the moment, and I'm afraid I don't have any information on when it might be available publicly. Be sure to keep an eye on our Announcements topic; if anything changes, that's where we'll post it!
-
Hi Jessie!
We also need this feature.
We have a large amount of classifications, sessions and articles. This will greatly facilitate the search for articles.Our users ask us to filter this very frequently.
-
Hi Andre!
To the best of my knowledge there isn't any additional information to share on this right now, but I'll check on it and let you know if I find out anything of interest!
-
Hey Andre, and everyone,
Just wanted to let you know that I've reached out to our Product Team but haven't heard anything back yet. I'll keep you posted!
-
Andre, I just found a document in our Knowledge Base that will give you some additional information on this. The gist of it is that the feature was in public beta for a little bit, but we rolled it back to make some changes on the back end of things. If you follow the thread I linked above, you'll get updated on when the beta is open so you can join it!
-
Hi Jessie, it appears this link is no longer available. Is there another location that this can be followed now?
Thanks, -
Hi Aidan -
The beta has not been reopened, though the team has indicated that they're hoping to be able to reopen it later this year.
-
Hey guys, assuming the beta is still on hold?
-
I'm also interested in this feature. Making it available for everyone will be just perfect!
-
Status?
-
Yes!! I'm very much interested in this feature.
-
Thanks for sharing your interest in this feature Manuel :)
The beta is still on-hold currently but is being reviewed internally by our Product Managers. Feel free to subscribe to our Announcement topic as any updates will be posted there.
Cheers!
-
Hi Brett,
Any update on the status of this feature? I am in a similar position as the others in the thread.
Thanks
-
Hey All,
We released this feature last year and is now the default experience in the Copenhagen theme. Here is some info on implementing it in your theme
Thanks!
-
Hi Ryan,
Thanks for getting back to me. What I'm looking for is the ability to filter results by section & category in the sidebar. We arrange our articles by product line (sections) within a few major categories.
If an end user uses the global search from the help center landing page, I'd like them to be able to filter the search results by product (sections).
Can you help?
Thanks
-
Hi @...,
The Unified Search interface will allow your users to filter search results by category. This will require some updates to the HTML and CSS of your theme. The page I linked to above has some information on how your theme might need to be updated to include those filters and use Unified Search. Let me know if that makes sense.
Thanks!
-
Preciso de um filtro no meu resultado que considere apenas os Artigos, não quero que apareça como resultado a Comunidade. Alguém pode me ajudar?
<section id="main-content" class="search-results-column">
<!--h1 mostra a frase com a quantidade de resultados -->
<h1 class="search-results-subheading">
{{#is current_filter.identifier 'unified'}}
{{t 'results' query=query count=results_count}}
{{else}}
{{#unless current_subfilter.identifier}}
{{t 'results' query=query count=results_count}}
{{else}}
{{t 'results_with_scope' query=query count=results_count scope_name=current_subfilter.name}}
{{/unless}}
{{/is}}
</h1>
{{#if results}}
<ul class="search-results-list">
{{#each results}}
<li class="search-result-list-item result-{{type}}">
<h2 class="search-result-title">
<a href="{{url}}" class="results-list-item-link">{{title}}</a>
</h2>
<div class="search-result-icons">
{{#if vote_sum}}
<span class="search-result-votes">
<span class="visibility-hidden">
{{t 'votes_sum' count=vote_sum}}
</span>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-result-votes-icon">
<g fill="none" stroke="currentColor">
<path stroke-linejoin="round" d="M10.77 4.5a.73.73 0 01.73.73C11.43 7 11.21 11.5 10 11.5H5a.5.5 0 01-.5-.5V4.5s1-.5 1-3a1 1 0 012 0v3z"/>
<rect width="2" height="7" x=".5" y="4.5" rx=".5" ry=".5"/>
</g>
</svg>
{{vote_sum}}
</span>
</span>
{{/if}}
{{#if comment_count}}
<span class="search-result-meta-count">
<span class="visibility-hidden">
{{t 'comments_count' count=comment_count}}
</span>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-result-meta-count-icon">
<path fill="none" stroke="currentColor" d="M1 .5h10c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H6l-2.6 2.6c-.3.3-.9.1-.9-.4V8.5H1C.7 8.5.5 8.3.5 8V1C.5.7.7.5 1 .5z"/>
</svg>
{{comment_count}}
</span>
</span>
{{/if}}
</div>
<article>
<ul class="meta-group">
<li>
<ol class="breadcrumbs search-result-breadcrumbs">
{{#each path_steps}}
<li title="{{name}}"><a href="{{url}}">{{name}}</a></li>
{{/each}}
</ol>
</li>
<li class="meta-data">{{author.name}}</li>
<li class="meta-data">{{date created_at}}</li>
</ul>
<div class="search-results-description">{{text}}</div>
</article>
</li>
{{/each}}
</ul>
{{else}}
<p>
{{t 'no_results_unified'}}
{{#link 'help_center'}}
{{t 'browse_help_center'}}
{{/link}}
</p>
{{/if}}
</section> -
Please sign in to leave a comment.
18 Comments