Il widget Product Search consente agli acquirenti di cercare prodotti nel tuo negozio. 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 di quel prodotto
Per aggiungere il widget Ricerca prodotti:
-
Nella sezione Store, fai clic e trascinaRicerca prodottinel punto desiderato della pagina.
Per accedere all'editor dei contenuti, fai clic con il pulsante destro del mouse sul widget e fai clic suModifica contenuto.
NelTesto segnapostocampo, puoi inserire il testo che apparirà nel widget Ricerca prodotti. Questo testo scomparirà quando l'utente inizia a digitare nel widget.
Per accedere all'editor di progettazione, fai clic con il pulsante destro del mouse sul widget Ricerca prodotto e fai clic suModifica design.
Campo di input
Il campo di immissione è l'area del widget Ricerca prodotto in cui l'acquirente digita la propria query di ricerca. Puoi modificare le seguenti impostazioni di progettazione per il campo di immissione
-
Dimensioni
-
Altezza (in px)
-
-
Sfondo e layout (Queste impostazioni si applicano al campo di immissione prima che l'acquirente inizi a digitare la richiesta):
-
Colore dello sfondo
-
Spessore del bordo (in px). Per modificare il tipo di bordo, fai clic su Ingranaggio icona accanto a Bordi.
-
Angoli arrotondati (in px). Per modificare il tipo di bordo, fate clic su Ingranaggio icona accanto a Angoli arrotondati.
-
Indipendentemente dalla presenza o meno di un'ombra e, in caso affermativo, il colore, il tipo e la posizione dell'ombra.
-
-
Concentrarsi (Queste impostazioni si applicano al campo di immissione dopo che l'acquirente inizia a digitare la sua richiesta):
-
Colore dello sfondo
-
Spessore del bordo (in px)
-
Indipendentemente dalla presenza o meno di un'ombra e, in caso affermativo, il colore, il tipo e la posizione dell'ombra.
-
Risultati della ricerca
I risultati della ricerca sono l'area in cui i risultati vengono compilati sotto il campo di immissione. È possibile modificare le seguenti impostazioni di progettazione per i risultati della ricerca:
-
Dimensioni
-
Altezza massima (in px)
-
-
Sfondo e layout(Queste impostazioni si applicano ai risultati della ricerca prima che l'acquirente passi con il mouse su un risultato specifico):
-
Colore
-
Bordo. Per modificare il tipo di bordo, fai Ingranaggio icona accanto a Bordo.
-
Angoli arrotondati. Per modificare gli angoli arrotondati, fate clic suIngranaggioicona accanto aAngoli arrotondati.
-
Indipendentemente dalla presenza o meno di un'ombra e, in caso affermativo, il colore, il tipo e la posizione dell'ombra.
-
-
Hover(Queste impostazioni si applicano quando l'acquirente passa con il mouse su un risultato di ricerca specifico):
-
Colore dello sfondo
-
Indipendentemente dalla presenza o meno di un'ombra e, in caso affermativo, il colore, il tipo e la posizione dell'ombra.
-
Per il testo all'interno del campo di immissione e dei risultati della ricerca, puoi modificare le seguenti impostazioni di progettazione:
-
Font
-
Dimensione del carattere
-
Colore del carattere
-
Formato (grassetto, corsivo, sottolineato)
-
Allineamento
-
Direzione
-
Quando si passa sopra il testo nei risultati di ricerca, è possibile modificare sia il colore che il formato.
Per informazioni sulle opzioni di progettazione non specifiche di questo widget (animazione o spaziatura), vedi Design del widget.