Il widget Ricerca prodotti consente agli acquirenti di cercare i prodotti nel tuo store. Man mano che l'acquirente digita nella barra di ricerca, i risultati vengono compilati in base ai prodotti che corrispondono ai criteri di ricerca. Dopo aver selezionato un'opzione, l'acquirente viene indirizzato direttamente alla pagina dei prodotti.
Per aggiungere il widget Ricerca prodotti:
-
Nel pannello laterale, fai clic suwidget.
-
Nella sezione store , fai clic e trascina Ricerca prodotti nel punto desiderato della pagina.
Per accedere all'editor di contenuti, fare clic con il pulsante destro del mouse sul widget e scegliere Modifica contenuto.
Nel campo di testo Segnaposto, puoi inserire il testo che apparirà nel widget Ricerca prodotti. Questo testo scomparirà quando l'utente inizierà a digitare nel widget.
Per accedere all'editor di design, fai clic con il pulsante destro del mouse sul widget Ricerca prodotti e fai clic su Modifica design.
Campo di input
Il campo Input è l'area del widget Ricerca prodotti in cui l'acquirente digita la query di ricerca. Puoi modificare le seguenti impostazioni di progettazione per il campo Input:
-
Dimensioni
-
Altezza (in pixel)
-
-
Sfondo e layout (queste impostazioni si applicano al campo di input prima che l'acquirente inizi a digitare la query):
-
Colore di sfondo
-
Spessore del bordo (in px). Per modificare il tipo di bordo, fai clic sull'icona a forma di ingranaggio accanto a Bordi.
-
Angoli arrotondati (in px). Per modificare il tipo di bordo, fai clic sull'icona a forma di ingranaggio accanto a Angoli arrotondati.
-
Se c'è un'ombra o no e, nel caso ci sia, il suo colore, tipo e posizione.
-
-
Focus (queste impostazioni si applicano al campo di input dopo che l'acquirente inizia a collegare la query):
-
Colore di sfondo
-
Spessore bordo (in pixel)
-
Se c'è un'ombra o no e, nel caso ci sia, il suo colore, tipo e posizione.
-
Risultati della ricerca
Risultati della ricerca è l'area in cui i risultati vengono compilati sotto il campo di input. Puoi modificare le seguenti impostazioni di progettazione per Risultati della ricerca:
-
Dimensioni
-
Altezza massima (in pixel)
-
-
Sfondo e layout (queste impostazioni si applicano ai risultati di ricerca prima che l'acquirente hover su un risultato specifico):
-
Colore
-
Confine. Per modificare il bordo tpye, fai clic sull'icona a forma di ingranaggio accanto a Bordo.
-
Angoli arrotondati. Per modificare gli angoli arrotondati, fare clic sull'icona a forma di ingranaggio accanto ad Angoli arrotondati.
-
Se c'è un'ombra o no e, nel caso ci sia, il suo colore, tipo e posizione.
-
-
hover (queste impostazioni si applicano quando l'acquirente viene hover su un risultato di ricerca specifico):
-
Colore di sfondo
-
Se c'è un'ombra o no e, nel caso ci sia, il suo colore, tipo e posizione.
-
Per il testo all'interno del campo Input e Risultati della ricerca, è possibile modificare le seguenti impostazioni di progettazione:
-
Carattere
-
Dimensioni del carattere
-
Colore carattere
-
Formato (grassetto, corsivo, sottolineato)
-
Allineamento
-
Direzione
-
Quando si passa il mouse sopra il testo nei risultati di ricerca, è possibile modificarne sia il colore che il formato.
Per informazioni sulle opzioni di progettazione che non sono specifiche per questo widget (animazione o spaziatura), vedere widget Progettazione.