Recent searches

No recent searches

Customise search autocomplete

Answered
image avatar

Nuno Pereira

Posted Nov 27, 2019

Hello,

Any one can help me with this issue ?

 

how can i remove the the breadcrumbs show on search , I want just the titles ?

 

 

Thx in advamce

 

Nuno 

1

6

6 comments

Date
    image avatar

    Trapta Singh

    Zendesk LuminaryCommunity Moderator

    Hi @...,

    Try putting the below code at the bottom of your style.css file:

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

    Let me know how it goes for you.

    Team Diziana

    0

    image avatar

    Nuno Pereira

    Hi @... ,

     

    It worked , thank you soo mutch !

     

    Btw is there anyway to the search box only opens below search box and never above ?

     

    Thx in advance

    0

    image avatar

    Brett Bowser

    Zendesk Community Manager

    Hey Nuno,

    I double-checked on my end and it looks like this isn't possible. The position is calculated automatically each time the search box appears.

    Let me know if you have any other questions :)

    0

    image avatar

    Diego Hernandez

    Hi, I am encountering a problem related to the zd-autocomplete-multibrand style, which has changed and am not able to backtrack when this new style overtook the previous one.

     

    In the below screenshots I show

    1. the code for an earlier theme with the usual autocomplete style, which includes a zd-autocomplete-header and multiple zd-autocomplete-option entries.

    2. the code of the current theme which displays a different style with no header and zd-autocomplete-multibrand entries.

    The code is generated from the template helper {{search}} I believe, but I would not know what options control the style. There is a class parameter as documented, but no examples. 

    https://developer.zendesk.com/apps/docs/help-center-templates/helpers#search-helper


    Any ideas how this new code could have slipped in? //thanks

    0

    image avatar

    Karen D Snyder

    @... I found in my notes that I also ran into this problem last September that zd-autocomplete-option seemed to have changed to zd-autocomplete-multibrand. My speculation was that it was related to having switched to using unified search results (https://support.zendesk.com/hc/en-us/articles/360036357753-Announcing-the-new-Guide-unified-search-results-page-and-helpers).

    I am just wondering, how did you manage to set a breakpoint to be able to stop so that you could inspect the instant search elements? 

    0

    image avatar

    Diego Hernandez

    Hi Karen, thanks for the swift reply!

    Indeed this change took place after I had been pasting some code in the current sandbox theme in order to test the unified search features. By debugging the code I have not yet been succesful at determining what causes the change- for one, the article suggestions box is generated dynamically so a script should be triggering it... I may still be able to find the cause but thought also about asking here in parallel.

    As for your question, yes I also had to look around to find out how to pause the code execution. The trick is, you right-click on  the <body class="community-enabled"> element in the Elements inspector and from the context menu select Break On > subtree modification. Now if you type a term in the search bar, when the autosuggestions menu is being generated, the code pauses because a DOM subtree has been added to the body element. You may have to do 1 or 2 "next step" clicks in the Sources debugger but then the entire menu shows up along with its elements and properties.

    Thanks for the support,
    Diego

    0

    Please sign in to leave a comment.

    Didn't find what you're looking for?

    New post