Advanced Header Search rimuove l’icona di ricerca dal menu dell’intestazione e crea una barra di ricerca posizionata al centro dell’area dell’intestazione.
Questo componente del tema è richiesto solo quando i siti vogliono supportare ricerche esterne. In caso contrario, puoi aggiornare l’impostazione Esperienza di ricerca su Campo di ricerca nell'intestazione del sito per spostare la ricerca del sito nell’intestazione.
Aggiungi icone extra alla barra di ricerca (ad esempio per attivare una ricerca esterna).
icone svg
Mostra opzionalmente le icone di ricerca esterne
Utilizza extra_search_icons per mostrare icone aggiuntive nella barra di ricerca.
Questa impostazione supporta i seguenti parametri:
prefix: il prefisso per l’URL di ricerca quando si clicca sull’icona corrispondente
icon: icona da mostrare, dal set di Font Awesome (potrebbe essere necessario aggiungerla anche all’impostazione icone svg)
target: opzionalmente impostare su “_blank” per aprire il link nella propria scheda/finestra per impostazione predefinita
showInCategories: ID delle categorie in cui l’icona data dovrebbe essere mostrata esclusivamente (per impostazione predefinita, l’icona è mostrata ovunque)
excludeFromCategories: ID delle categorie in cui l’icona data non dovrebbe essere mostrata
Ringraziamenti
Grazie a @Johani per il codice JavaScript del pannello di ricerca
Ospitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.
Ciao, prima di tutto un ottimo componente del tema. Funziona molto bene per me.
Ho un piccolo suggerimento per migliorarlo. La barra di ricerca certamente non dovrebbe essere visualizzata in un forum che richiede l’accesso, poiché non può essere utilizzata comunque.
Sarei molto felice se qualcuno potesse correggere questo bug. So che non riguarda molti, ma amo questo componente tematico e questo problema mi impedisce di usarlo
Un altro piccolo problema che ho riscontrato: posso usare la scorciatoia predefinita “/” per accedere al campo di immissione della ricerca. Ma non espanderà il menu a discesa che mostra i risultati. Dovrei fare clic manualmente sul campo di immissione affinché ciò accada, il che rende la scorciatoia da tastiera in qualche modo inutile.
Puoi personalizzare questo colore aggiungendo del CSS a un componente tema locale se ne hai creato uno per aggiungere CSS personalizzato.
Se non l’hai fatto, visita /admin/customize/themes e fai clic su componenti, quindi su installa.
Quando appare la finestra modale, seleziona Crea nuovo, quindi assegna un nome al tuo componente. Verrai portato alla nuova pagina del componente dove potrai selezionare il tema a cui applicarlo. Dovrai applicarlo al tema installato.
Per aggiungere il CSS, fai clic su Modifica CSS/HTML e aggiungi il CSS alla pagina comune e salva.
Nota
Ospitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.
