Customise search autocomplete | Community
Skip to main content

Customise search autocomplete

  • November 27, 2019
  • 6 replies
  • 0 views
N

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 

      6 replies

      Trapta
      • Trapta
      • November 28, 2019

      Hi @Nuno Pereira,

      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

      N
      • Nuno11
      • Author
      • November 28, 2019

      Hi @Trapta ,

       

      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

      Brett13
      • Brett13
      • Community Manager
      • December 2, 2019

      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 :)

      Diego16
      • Diego16
      • March 24, 2020

      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

      K
      • Karen14
      • March 24, 2020

      @Diego Hernandez 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? 

      Diego16
      • Diego16
      • March 25, 2020

      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

      Terms & ConditionsCookie settingsAccessibility statement