Risultati di ricerca

Link in evidenza

1. documentazione Shopify sulle sezioni e i blocchi
2. documentazione Shopify sulla personalizzazione delle sezioni
3. documentazione di Company XYZ sulle impostazioni delle schede
4. documentazione di Company XYZ sulle impostazioni del padding della sezione
5. documentazione di Company XYZ sulle impostazioni degli sfondi della sezione
6. documentazione di Company XYZ sulle impostazioni dei separatori
7. documentazione di Company XYZ sulle impostazioni delle larghezze del layout

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Usa questa sezione per controllare come vengono presentati i risultati e quanto facilmente i clienti possono perfezionarli. È ideale per migliorare la velocità di scansione, ridurre il disordine e rendere la pagina di ricerca coerente con il resto del tuo store.

Impostazioni principali

Questa sezione non ha impostazioni separate autonome prima dei relativi gruppi di impostazioni principali. La maggior parte della configurazione avviene nei controlli di layout, filtro e presentazione condivisa qui sotto. Per una panoramica più ampia dei controlli della sezione, vedi documentazione Shopify su sezioni e blocchi

Impostazioni dell’interfaccia della griglia

Queste impostazioni definiscono il layout predefinito dei risultati su desktop e dispositivi mobili e controllano anche se i clienti possono modificare autonomamente quel layout. È utile quando desideri una vista predefinita equilibrata ma vuoi comunque offrire agli acquirenti un certo controllo sulla densità percepita della griglia.

Attiva l’interfaccia della dimensione della griglia se il tuo catalogo include un’ampia gamma di tipi di prodotto o stili di immagine. Lasciala disattivata se desideri un’esperienza più fissa e guidata con una sola scelta di layout.

L’interfaccia sticky mantiene i controlli visibili mentre i clienti scorrono pagine dei risultati più lunghe. Questo può rendere più semplici le modifiche a filtri e layout, ma vale la pena controllare l’esperienza su mobile per evitare che i controlli risultino troppo affollati.

Consiglio

Usa una griglia desktop più densa per cataloghi ampi, ma lascia più spazio alle schede su mobile quando titoli, prezzi o immagini devono restare facili da leggere rapidamente.

Impostazioni dei filtri

Queste impostazioni aggiungono strumenti di filtro e ordinamento alla pagina dei risultati. Funzionano meglio quando i clienti probabilmente cercheranno termini generici e avranno bisogno di modi per restringere o riordinare ciò che trovano. Per i dettagli di configurazione, vedi documentazione Shopify sulla personalizzazione delle sezioni

I filtri richiedono una configurazione aggiuntiva prima di risultare utili qui. Una volta pronta quella configurazione, puoi scegliere se i gruppi di filtri devono aprirsi per impostazione predefinita e se includere un filtro di disponibilità per gli articoli in stock.

In genere vale la pena mantenere attivo l’ordinamento per cataloghi più grandi, soprattutto quando i clienti potrebbero voler cambiare l’ordine dei risultati. Se nell’anteprima dell’editor l’ordinamento sembra incoerente, controllalo nella vista live dello store prima di valutare l’esperienza finale.

Attiva i filtri solo dopo aver completato la configurazione dei filtri correlata. Altrimenti, i clienti potrebbero vedere controlli che non offrono un affinamento significativo.

Impostazioni standard della sezione

Impostazioni scheda

Usa le Impostazioni scheda condivise per sostituire la presentazione abituale delle schede solo per i risultati di ricerca. È utile quando la pagina di ricerca necessita di un equilibrio diverso tra dimensione dell’immagine, densità del testo o trattamento del pulsante rispetto ad altre griglie di prodotti.

Puoi rendere le schede dei risultati più compatte per una scansione più rapida oppure più descrittive per prodotti che richiedono una valutazione più attenta. Le schede in stile banner supportano anche un posizionamento verticale aggiuntivo del testo, quindi testa con attenzione questo stile se vuoi che il testo si sovrapponga alle immagini.

Impostazioni di padding

Usa le Impostazioni di padding per controllare lo spazio sopra e sotto l’area dei risultati. Spazi più ridotti funzionano spesso bene qui perché le pagine di ricerca sono in genere più orientate all’utilità che alla promozione.

Padding separato per desktop e mobile aiuta a mantenere la pagina comoda senza sprecare spazio. Se la pagina sembra impiegare troppo tempo a mostrare i risultati, riduci prima lo spazio esterno.

Impostazioni dello sfondo sezione

Usa le Impostazioni dello sfondo sezione per aggiungere colore, gradiente, immagine o video dietro la sezione. Questo può aiutare la pagina dei risultati a sembrare più coerente con il brand, soprattutto quando il layout della pagina circostante è visivamente minimale.

Mantieni gli sfondi sobri nelle pagine con molti risultati. Immagini forti, overlay pesanti o video possono competere con schede e controlli, rendendo i risultati più difficili da leggere rapidamente.

Attenzione

Dai priorità a contrasto e leggibilità rispetto agli effetti decorativi, così schede, filtri e controlli di ordinamento restano facili da usare.

Impostazioni dei separatori

Usa le Impostazioni dei separatori per inserire una linea nella parte superiore o inferiore della sezione. È un modo semplice per separare l’area dei risultati dai contenuti vicini o da uno sfondo della pagina molto evidente.

Di solito è sufficiente un separatore discreto. Se non imposti un colore personalizzato, la sezione può usare come fallback lo stile del bordo più ampio per un aspetto più coerente.

Impostazioni di larghezza

Usa le Impostazioni di larghezza per controllare quanto ampia può apparire la sezione e il suo contenuto. Questo ha un forte impatto sulla densità delle schede, sulla leggibilità e su quanto spaziosa appare la pagina dei risultati.

La larghezza del contenuto è l’impostazione principale per la leggibilità, mentre la larghezza della sezione conta di più quando usi anche un trattamento dello sfondo. Controlla le modifiche alla larghezza nella vetrina live, poiché l’editor può far sembrare il layout più ristretto di quanto non sia davvero.

Note sull’uso

1. Abbina la densità al catalogo. Usa griglie più compatte per assortimenti ampi, ma lascia più spazio quando titoli dei prodotti, estratti o immagini contengono dettagli importanti.
2. Attiva i filtri con intenzione. Abilita il filtro solo quando le opzioni di filtro disponibili aiutano davvero i clienti a restringere ricerche ampie.
3. Rivedi con attenzione l’esperienza mobile. I controlli sticky, i filtri aperti e i layout di schede densi possono risultare troppo affollati sugli schermi più piccoli.
4. Usa le sostituzioni delle schede in modo strategico. Cambia qui stile della scheda, testo e trattamento del pulsante solo quando i risultati di ricerca richiedono un’esperienza di navigazione diversa rispetto ad altre griglie.
5. Privilegia una scansione rapida. Mantieni sfondi, spaziatura e trattamenti decorativi secondari rispetto alla chiarezza dei risultati e dei controlli.
6. Controlla entrambi gli stati dei risultati. Le pagine di ricerca possono apparire e comportarsi in modo diverso prima che i clienti digitino una query e dopo che i risultati vengono restituiti, quindi rivedi separatamente lo stato vuoto e lo stato con query digitata.
7. Confronta le viste dell’editor e della vetrina. Il comportamento dell’anteprima può aiutarti a configurare la sezione in anticipo, ma conferma l’esperienza finale dove compaiono contenuti live e risultati reali.
8. Prova entrambe le viewport. Desktop e mobile possono differire per layout, allineamento, visibilità e gestione dei media, quindi verifica che controlli e schede restino chiari su entrambe le dimensioni dello schermo.