Usare l'app
Blocco del tema
Il blocco Tabella taglie controlla come i clienti arrivano alla tabella nella pagina prodotto: un link testuale, un pulsante o la tabella mostrata direttamente nella pagina. Lo configuri una volta nell’editor del tema e vale per ogni prodotto che usa quel modello.
Per trovare il blocco: Negozio online → Temi → Personalizza, passa a un modello di prodotto e fai clic su Tabella taglie nella sezione delle informazioni sul prodotto. Non l’hai ancora aggiunto? Vedi Installazione.
Visualizzazione
| Impostazione | A cosa serve |
|---|---|
| Etichetta | Il testo su cui fanno clic i clienti. Predefinito: «Tabella taglie» (nella lingua del negozio); prova «Guida alle taglie» o «Trova la tua taglia». |
| Mostra come | Link testuale (predefinito), Pulsante oppure Integrata (tabella nella pagina), che inserisce l’intera tabella nella pagina prodotto senza bisogno di clic. |
| Allineamento | Sinistra, Centro o Destra. Solo link e pulsante. |
La maggior parte delle impostazioni seguenti compare solo con gli stili link e pulsante, perché una tabella integrata non ha nulla su cui fare clic.
Posizionamento
Per impostazione predefinita il link si trova dove rilasci il blocco. Il posizionamento ti permette invece di metterlo sulla stessa riga di un altro elemento: il posto classico è accanto al prezzo.
| Impostazione | A cosa serve |
|---|---|
| Mostra | Dove si trova questo blocco, Sulla stessa riga del prezzo oppure Sulla stessa riga di un altro elemento. |
| Classe o selettore dell'elemento | Per «un altro elemento»: una classe o un selettore CSS della sezione prodotto del tema, come product__title o .product-form__quantity. |
| Posizione nella riga | Dopo l'elemento o Prima dell'elemento. |
| Allineamento verticale nella riga | Centro, In alto, In basso o Linea di base del testo. |
Sulla stessa riga del prezzo trova il prezzo in automatico in Dawn e nella maggior parte dei temi basati su di esso, oltre che nei temi che usano nomi di classe comuni per il prezzo. Il link resta al suo posto quando il cliente cambia variante.
Link
| Impostazione | A cosa serve |
|---|---|
| Colore del link | Lascia vuoto per usare il colore del testo del tema. |
| Sottolineato | Attivo per impostazione predefinita. |
Icona
Aggiungi un’icona accanto all’etichetta. Le icone prendono il colore del testo del link o del pulsante, quindi sono sempre abbinate.
| Impostazione | A cosa serve |
|---|---|
| Icona | Nessuna icona (predefinito), una delle 27 icone integrate o Immagine personalizzata. |
| Icona personalizzata | La tua immagine, mostrata con i suoi colori. Funziona meglio un PNG o SVG quadrato. |
| Posizione dell'icona | Prima dell'etichetta o Dopo l'etichetta. |
| Dimensione dell'icona | 12–40 px. Predefinito 18 px. |
| Spazio tra icona e testo | Spazio tra l'icona e l'etichetta, 0–24 px. Predefinito 6 px. |
Moderne
Tabella taglie · Etichetta taglia · Gruccia con righello · Custodia del metro · Larghezza maglietta · Manichino · Vita dei pantaloni · Lunghezza scarpa · Vestibilità
Classiche
Righello · Metro a nastro · Rotolo di metro · Maglietta con metro · Metro piegato · Pianta · Misura scarpa · Gruccia · Misure maglietta · Taglie a lettere · Misura vita · Bilancia · Abito con righello · Sneaker · Fianchi · Corpo con metro · Squadra · Freccia larghezza
Pulsante
| Impostazione | A cosa serve |
|---|---|
| Sfondo / Testo | Lascia entrambi vuoti per un pulsante con contorno nel colore del testo del tema. |
| Dimensione | Piccolo (alto 36 px), Media (44 px, l'altezza della maggior parte dei pulsanti dei temi) o Grande (52 px). Personalizzata mostra un cursore Altezza del pulsante. |
| Altezza del pulsante | 28–64 px. Predefinito 44 px. Solo con la dimensione Personalizzata. |
| Arrotondamento degli angoli | 0–40 px. Predefinito 4 px. |
| Mostra pulsante mobile | Fissa anche una linguetta sul bordo dello schermo, così i clienti possono aprire la tabella da qualsiasi punto della pagina mentre scorrono. |
| Lato del pulsante mobile | Sinistra o Destra. |
| Posizione del pulsante mobile | In alto, Al centro o In basso sullo schermo. |
| Mostra il pulsante mobile su dispositivi mobili | Attivo per impostazione predefinita. Disattivalo per nascondere la linguetta sui telefoni, dove i clienti usano il pulsante normale. |
Finestra della tabella
| Impostazione | A cosa serve |
|---|---|
| Apri come | Finestra popup (centrata, predefinita), Pannello da sinistra oppure Pannello da destra. |
I pannelli laterali scorrono dal lato e lasciano visibile dietro la pagina prodotto. Sugli smartphone si aprono invece come finestra centrata, perché un pannello riempirebbe comunque lo schermo. Sugli schermi più grandi, le foto del prodotto compaiono solo nella finestra popup, perché i pannelli sono troppo stretti; sugli smartphone seguono l’impostazione Mostrale anche sugli smartphone.
Cosa vedono i clienti
- La finestra o il pannello si chiude con il pulsante di chiusura, il tasto Esc o, a meno che non lo disattivi in Aspetto, con un clic all’esterno.
- Quando una tabella ha la conversione delle unità, la scelta del cliente (ad esempio i pollici) viene ricordata, così il prodotto successivo si apre nella stessa unità. Le altre tabelle della guida cambiano insieme.
- Sugli smartphone le tabelle larghe scorrono in orizzontale invece di schiacciarsi e possono tenere fissa la colonna delle taglie.
- La tabella è pensata per chi usa tastiera e screen reader: il focus entra nella finestra quando si apre e torna al link quando si chiude.