Ricerca Intestazione Avanzata 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 è necessario solo quando i siti desiderano supportare ricerche esterne. In caso contrario, puoi aggiornare l’impostazione Esperienza di ricerca a 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
Opzionalmente mostra icone di ricerca esterna
Utilizza extra_search_icons per mostrare icone aggiuntive nella barra di ricerca.
Questa impostazione supporta i seguenti parametri:
prefix: il prefisso dell’URL di ricerca quando si clicca sull’icona corrispondente
icon: icona da mostrare, dal set Font Awesome (potrebbe essere necessario aggiungerla anche all’impostazione icone svg)
target: opzionalmente impostato su “_blank” per aprire il link in una propria scheda/finestra per impostazione predefinita
showInCategories: ID delle categorie in cui l’icona data deve essere mostrata esclusivamente (per impostazione predefinita, l’icona è mostrata ovunque)
excludeFromCategories: ID delle categorie in cui l’icona data non deve essere mostrata
Crediti
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 e 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 e Enterprise.
