Riuscito
Selettore varianti
Mostra le varianti del prodotto con menu a discesa, pillole e campioni di colore o immagine opzionali.
Usi questo blocco per mostrare le opzioni di variante di un prodotto in un formato adatto al prodotto stesso. Viene visualizzato solo quando esistono opzioni di variante e puoi combinare uno stile di selettore standard con campioni di colore o immagine opzionali per rendere la scelta più visiva. documentazione Company XYZ sul blocco Selettore varianti Per una panoramica più ampia sul funzionamento dei blocchi nei temi Shopify, vedi documentazione Shopify su sezioni e blocchi
Impostazioni principali
Sezione intitolata “Impostazioni principali”Scegli lo stile principale del selettore in base a quante opzioni devi presentare e a quanto vuoi che il modulo prodotto risulti visivo. Dropdown è adatto ai layout compatti o ai prodotti con molti valori, mentre Pills rende più facile esaminare e toccare set di opzioni più piccoli.
Questo stile principale funge anche da fallback per eventuali tipi di opzione non configurati come campioni.
Impostazioni dei campioni di colore
Sezione intitolata “Impostazioni dei campioni di colore”Usa i campioni di colore quando i clienti possono identificare in modo affidabile le scelte solo dal colore. Funziona meglio per le opzioni comuni basate sul colore e puoi perfezionare ulteriormente il risultato con definizioni di colore personalizzate nelle impostazioni del tema. Company XYZ getting started guide on product variants
Per mostrare i campioni di colore, inserisci i relativi nomi delle opzioni esattamente come sono usati nella configurazione del prodotto. Usa nomi come Color, non valori come Black o Navy. La forma del campione selezionata e il numero di colonne su desktop/mobile controllano quanto densa o spaziosa risulta la griglia delle opzioni.
I campioni di colore si applicano solo ai nomi delle opzioni che elenchi qui. Se il nome non corrisponde esattamente, quell’opzione userà invece lo stile di selettore regolare.
Impostazioni dei campioni immagine
Sezione intitolata “Impostazioni dei campioni immagine”Usa i campioni immagine quando le scelte di variante richiedono una vera miniatura anziché un semplice richiamo cromatico. Questo è particolarmente utile per pattern, finiture, bundle o altre opzioni in cui un’anteprima visiva migliora la sicurezza prima della selezione. Company XYZ getting started guide on product variants
I campioni immagine dipendono dal fatto che le immagini siano assegnate alle opzioni di variante pertinenti. Se un’opzione non ha un’immagine associata, il suo campione appare vuoto. Se per lo stesso nome di opzione sono abilitati sia i campioni immagine sia quelli di colore, i campioni immagine hanno la priorità.
Impostazioni del bordo del campione
Sezione intitolata “Impostazioni del bordo del campione”Queste impostazioni influiscono solo sui campioni di colore e immagine. I bordi possono rendere i campioni più facili da distinguere, soprattutto quando le scelte sono chiare, a basso contrasto o visualizzate su uno sfondo della pagina simile.
L’opzione attiva mostra sempre un bordo, così la selezione corrente rimane chiara. Se lasci vuoti i colori personalizzati del bordo, il blocco torna allo stile del bordo del pulsante principale del tema per un aspetto più coerente.
Impostazioni standard del blocco
Sezione intitolata “Impostazioni standard del blocco”Impostazioni di visibilità
Sezione intitolata “Impostazioni di visibilità”Usa i controlli di visibilità per decidere se questo blocco appare su desktop, su mobile o su entrambi. Questo è utile quando desideri un layout del modulo prodotto diverso su schermi più piccoli. documentazione Company XYZ su Impostazioni di visibilità
Note sull’uso
Sezione intitolata “Note sull’uso”- Abbina esattamente i nomi delle opzioni. Il comportamento dei campioni dipende dall’etichetta esatta dell’opzione, quindi usa il nome dell’opzione stesso invece dei singoli valori.
- Scegli il tipo di campione giusto. Usa i campioni di colore per semplici scelte cromatiche e i campioni immagine quando i clienti hanno bisogno di una vera anteprima visiva.
- Controlla la copertura delle immagini. Prima di usare i campioni immagine, assicurati che ogni opzione di variante pertinente abbia un’immagine assegnata per evitare campioni vuoti.
- Mantieni prevedibile lo stile di fallback. Lascia non impostati colori o bordi personalizzati quando vuoi che i campioni ereditino l’aspetto predefinito del tema, e aggiungi valori espliciti solo quando il blocco deve distinguersi.
- Rivedi entrambe le viewport. I controlli su desktop e mobile possono comportarsi in modo diverso per spaziatura, allineamento, visibilità e presentazione dei media, quindi controlla il blocco in entrambe le dimensioni prima della pubblicazione.
- Mantieni semplice la scansione su mobile. Usa conteggi di colonne e forme dei campioni che lascino abbastanza spazio per un tocco comodo sugli schermi più piccoli.