Aggiunta di una tabella delle taglie alle pagine del prodotto
Se vendi articoli di abbigliamento il cui acquisto richiede che i clienti conoscano le taglie, puoi aggiungere una tabella delle taglie personalizzata alla pagina del prodotto.
Tutti i prodotti che fanno riferimento alla tabella delle taglie devono avere un'opzione Taglia:
Su questa pagina
Creazione di una pagina con la tabella delle taglie
Desktop
- Dal pannello di controllo Shopify passa a Negozio online > Pagine.
- Clicca su Aggiungi pagina.
-
Inserisci il titolo della pagina.
- Se desideri creare un una tabella delle taglie che venga visualizzata in tutte le parti del sito, per il titolo della pagina inserisci
Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca*, l'URL della pagina deve terminare con/size-chart
. - Se desideri creare una tabella che venga visualizzata solo sui prodotti di un fornitore specifico, inserisci il nome del fornitore seguito da
Size Chart
.
Ad esempio, se il fornitore si chiama Great Owls, per il titolo della pagina inserisciGreat Owls Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca l'URL della pagina deve terminare con/great-owls-size-chart
. - Se desideri creare una tabella che venga visualizzata solo su un tipo di prodotto specifico, inserisci il tipo di prodotto seguito da
Size Chart
.
Ad esempio, se desideri mostrare una tabella delle taglie specifica per le scarpe, per il titolo della pagina inserisciShoes Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca l'URL della pagina deve terminare con/shoes-size-chart
.
- Se desideri creare un una tabella delle taglie che venga visualizzata in tutte le parti del sito, per il titolo della pagina inserisci
Nella casella Contenuto crea una tabella con le informazioni della tabella delle taglie e personalizzala perché abbia l'aspetto che desideri:
Nella sezione Visibilità assicurati che la pagina sia impostata su Visibile.
Clicca su Salva.
iPhone
- Nell'app di Shopify tocca il pulsante ….
- Nella sezione Canali di vendita, tocca Negozio online.
- Clicca Pagine.
- Clicca su Aggiungi pagina.
-
Inserisci il titolo della pagina.
- Se desideri creare un una tabella delle taglie che venga visualizzata in tutte le parti del sito, per il titolo della pagina inserisci
Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca*, l'URL della pagina deve terminare con/size-chart
. - Se desideri creare una tabella che venga visualizzata solo sui prodotti di un fornitore specifico, inserisci il nome del fornitore seguito da
Size Chart
.
Ad esempio, se il fornitore si chiama Great Owls, per il titolo della pagina inserisciGreat Owls Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca l'URL della pagina deve terminare con/great-owls-size-chart
. - Se desideri creare una tabella che venga visualizzata solo su un tipo di prodotto specifico, inserisci il tipo di prodotto seguito da
Size Chart
.
Ad esempio, se desideri mostrare una tabella delle taglie specifica per le scarpe, per il titolo della pagina inserisciShoes Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca l'URL della pagina deve terminare con/shoes-size-chart
.
- Se desideri creare un una tabella delle taglie che venga visualizzata in tutte le parti del sito, per il titolo della pagina inserisci
Nella casella Contenuto crea una tabella con le informazioni della tabella delle taglie e personalizzala perché abbia l'aspetto che desideri:
Nella sezione Visibilità assicurati che la pagina sia impostata su Visibile.
Clicca su Salva.
Android
- Nell'app di Shopify tocca il pulsante ….
- Nella sezione Canali di vendita, tocca Negozio online.
- Clicca Pagine.
- Clicca su Aggiungi pagina.
-
Inserisci il titolo della pagina.
- Se desideri creare un una tabella delle taglie che venga visualizzata in tutte le parti del sito, per il titolo della pagina inserisci
Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca*, l'URL della pagina deve terminare con/size-chart
. - Se desideri creare una tabella che venga visualizzata solo sui prodotti di un fornitore specifico, inserisci il nome del fornitore seguito da
Size Chart
.
Ad esempio, se il fornitore si chiama Great Owls, per il titolo della pagina inserisciGreat Owls Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca l'URL della pagina deve terminare con/great-owls-size-chart
. - Se desideri creare una tabella che venga visualizzata solo su un tipo di prodotto specifico, inserisci il tipo di prodotto seguito da
Size Chart
.
Ad esempio, se desideri mostrare una tabella delle taglie specifica per le scarpe, per il titolo della pagina inserisciShoes Size Chart
. Nella sezione Anteprima inserzione per i motori di ricerca l'URL della pagina deve terminare con/shoes-size-chart
.
- Se desideri creare un una tabella delle taglie che venga visualizzata in tutte le parti del sito, per il titolo della pagina inserisci
Nella casella Contenuto crea una tabella con le informazioni della tabella delle taglie e personalizzala perché abbia l'aspetto che desideri:
Nella sezione Visibilità assicurati che la pagina sia impostata su Visibile.
Clicca su Salva.
Navigazione nell'editor di codice
Desktop
- Dal pannello di controllo Shopify, vai su Negozio online > Temi.
- Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
iPhone
- Nell'app di Shopify tocca il pulsante ….
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
Android
- Nell'app di Shopify tocca il pulsante ….
- Nella sezione Canali di vendita, tocca Negozio online.
- Tocca Gestisci temi.
- Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
Scelta di una delle opzioni seguenti e creazione di un frammento della tabella delle taglie
Site-wide
Creazione di uno snippet della tabella delle taglie
- Nella directory Frammenti, clicca su Aggiungi un nuovo frammento.
Assegna al frammento il nome
size-chart
e clicca su Crea frammento:Copia il codice seguente nel frammento
size-chart
:
{% block "note" %} È necessario apportare alcune modifiche alla definizione dello stile CSS per i temi Simple e Minimal. {% endblock %}
Se utilizzi il tema Simple, utilizza questo codice:
Se utilizzi il tema Minimal, utilizza il seguente codice:
Aggiunta del frammento della tabella delle taglie a theme.liquid
- Nella directory Layout clicca sul file
theme.liquid
per aprirlo. - Trova il tag di chiusura
</body>
. Subito sopra il tag di chiusura</body>
incolla il codice seguente:
Aggiunta di un pulsante Tabella delle taglie
- Nella directory Sezioni clicca sul file
product-template.liquid
o, se non hai il fileproduct.liquid
, suproduct-template.liquid
per aprirlo. - Incolla il codice seguente sopra il pulsante Aggiungi al carrello:
In genere, il pulsante Aggiungi al carrello inizia con una riga simile a <button type="submit" name="add"
. Se la lingua del tuo negozio non è l'inglese, sostituisci See Size Chart
con il testo che preferisci utilizzare.
Type
Creazione di uno snippet della tabella delle taglie
- Nella directory Frammenti, clicca su Aggiungi un nuovo frammento.
Assegna al frammento il nome
size-chart
e clicca su Crea frammento:Copia il codice seguente nel frammento
size-chart
:
Se stai utilizzando il tema Simple, sostituisci la porzione di codice che inizia da .trigger-pop-up
e finisce appena sopra a </style>
con questo codice:
Se usi il tema Minimal, aggiungi il codice seguente sopra il tag di chiusura </style>
:
Aggiunta del frammento della tabella delle taglie a theme.liquid
- Nella directory Layout clicca sul file
theme.liquid
per aprirlo. - Trova il tag di chiusura
</body>
. Subito sopra il tag di chiusura</body>
incolla il codice seguente:
Aggiunta di un pulsante Tabella delle taglie
- Nella directory Sezioni clicca sul file
product-template.liquid
o, se non hai il fileproduct.liquid
, suproduct-template.liquid
per aprirlo. - Incolla il codice seguente sopra il pulsante Aggiungi al carrello:
In genere, il pulsante Aggiungi al carrello inizia con una riga simile a <button type="submit" name="add"
. Se la lingua del tuo negozio non è l'inglese, sostituisci See Size Chart
con il testo che preferisci utilizzare.
Vendor
Creazione di uno snippet della tabella delle taglie
- Nella directory Frammenti, clicca su Aggiungi un nuovo frammento.
Assegna al frammento il nome
size-chart
e clicca su Crea frammento:Copia il codice seguente nel frammento
size-chart
:
Se stai utilizzando il tema Simple, sostituisci la porzione di codice che inizia da .trigger-pop-up
e finisce appena sopra a </style>
con questo codice:
Se usi il tema Minimal, aggiungi il codice seguente sopra il tag di chiusura </style>
:
Aggiunta del frammento della tabella delle taglie a theme.liquid
- Nella directory Layout clicca sul file
theme.liquid
per aprirlo. - Trova il tag di chiusura
</body>
. Subito sopra il tag di chiusura</body>
incolla il codice seguente:
Aggiunta di un pulsante Tabella delle taglie
- Nella directory Sezioni clicca sul file
product-template.liquid
o, se non hai il fileproduct.liquid
, suproduct-template.liquid
per aprirlo. - Incolla il codice seguente sopra il pulsante Aggiungi al carrello:
In genere, il pulsante Aggiungi al carrello inizia con una riga simile a <button type="submit" name="add"
. Se la lingua del tuo negozio non è l'inglese, sostituisci See Size Chart
con il testo che preferisci utilizzare.