Visualizzazione per dispositivo e pagina

La scheda Display dell’editor dei badge decide dove e quando un badge viene mostrato, dopo che la scheda Products ha deciso a quali prodotti si applica.

La scheda è un elenco di sezioni comprimibili:

Sezione	Cosa controlla	Documentata in
Customer conditions	Chi vede il badge (persone connesse, tag, clienti specifici)	Scegliere il pubblico per cliente
Page conditions	In quali tipi di pagina compare il badge	Questa pagina
Language conditions	La lingua della vetrina in cui naviga la persona	Scegliere il pubblico per paese e lingua
Country conditions	Il paese della persona che visita il negozio	Scegliere il pubblico per paese e lingua
Other conditions	Immagine del prodotto, dispositivo ed elementi del tema esclusi	Questa pagina
Visibility Date & Countdown	Date di inizio e fine e conti alla rovescia	Pianificare la visibilità
Priority conditions	Quale badge prevale quando più badge si applicano a un prodotto	Questa pagina

La scheda Display. Le sezioni con una freccia si espandono; le sezioni con un interruttore vanno prima attivate.

Nota

Le sezioni con una freccia (⌄) si espandono e basta. Le sezioni con un interruttore (Language, Country, Priority) vanno attivate prima che compaiano i loro campi.

Apri la scheda Display

1. Apri l’app

   Nell’amministrazione Shopify, vai su Apps → Sami Product Labels.

2. Apri Badges & Labels

   Nel menu a sinistra dell’app, fai clic su Badges & Labels. L’elenco mostra ogni badge con Id, nome, anteprima, tipo, priorità, posizione e stato.

   

   L’elenco Badges & Labels. Fai clic sull’icona della matita nella colonna Actions per modificare un badge.

3. Modifica il badge

   Fai clic sull’icona della matita nella colonna Actions del badge che vuoi configurare. L’editor si apre con tre schede: Design, Products, Display.

4. Vai su Display

   Fai clic sulla scheda Display.

Nota

I pulsanti Save e Discard nell’angolo in alto a destra compaiono solo dopo aver cambiato qualcosa. Se vuoi abbandonare le modifiche, fai clic su Discard → Discard changes.

Page conditions

Per impostazione predefinita un badge compare in ogni pagina in cui appare il prodotto. Aggiungi una condizione di pagina per limitarlo a determinati tipi di pagina.

Come aggiungere una condizione di pagina

1. Espandi Page conditions

   Fai clic sulla riga Page conditions per espanderla. Compare un pulsante + Add conditions.

   

   Una sezione Page conditions vuota: nessuna regola, quindi il badge compare ovunque.

2. Fai clic su + Add conditions

   Compare una riga di condizione con tre campi: Page (fisso), un operatore e un tipo di pagina. I valori predefiniti sono Page is equal to Index page.

   

   Ogni clic su + Add conditions aggiunge una riga. Usa l’icona del cestino alla fine di una riga per rimuoverla.

3. Scegli l’operatore

   • is equal to: mostra il badge solo nel tipo di pagina selezionato.
   • is not equal to: mostra il badge ovunque tranne nel tipo di pagina selezionato.

4. Scegli il tipo di pagina

   Opzione	Dove compare il badge
   Index page	La home page della tua vetrina
   Collection page	Pagine di elenco di collezioni / categorie
   Product page	Singole pagine prodotto
   Article Page	Pagine degli articoli del blog
   Blog page	Pagine di elenco del blog
   Cart page (including cart drawer)	La pagina del carrello e il carrello a comparsa
   Search page	Pagine dei risultati di ricerca
   Specific pages	Solo l’URL esatto che inserisci (vedi il passaggio successivo)

   

   Gli otto tipi di pagina disponibili per una condizione di pagina.

5. Per Specific pages, inserisci l’URL

   Scegliendo Specific pages si aggiunge un quarto campo. Inserisci l’URL completo della pagina della vetrina, ad esempio https://your-store.myshopify.com/pages/summer-sale. Il segnaposto mostra l’URL del tuo negozio come riferimento.

   

   Specific pages aggiunge un campo URL: incolla l’URL completo della pagina, non solo il percorso.

6. Salva

   Fai clic su Save nell’angolo in alto a destra.

Attenzione

Un badge deve comunque corrispondere anche alla scheda Products. Una condizione di pagina restringe dove un prodotto corrispondente mostra il suo badge, ma non fa mai comparire il badge su prodotti a cui non si applica.

Other conditions

Espandi Other conditions per controllare quale immagine del prodotto porta il badge, quali dispositivi lo vedono e quali elementi del tema saltare.

Impostazione	Opzioni	Comportamento
Show on (product page)	All images / First image	Mostra il badge su ogni immagine della galleria, oppure solo sulla prima immagine (principale) del prodotto.
Device targeting	All devices / Desktop / Mobile	Limita il badge a chi usa desktop o dispositivi mobili, oppure mostralo su tutti i dispositivi.
Do not show label on	CSS class list — .CLASS1, .CLASS2,...	Il badge non viene visualizzato su nessun elemento che corrisponda a queste classi. Utile quando uno slider, una visualizzazione rapida o una sezione di upsell del tuo tema non si presta al posizionamento di un badge.

Le impostazioni di immagine, dispositivo ed esclusione si trovano tutte in Other conditions.

Nota

Do not show label on richiede selettori di classe CSS separati da virgole, ciascuno preceduto da un punto, ad esempio .product-card__slider, .quick-view. Ispeziona l’elemento nel tuo tema per trovare il nome della classe.

Priority conditions

Quando più badge corrispondono allo stesso prodotto, la priorità decide quale viene mostrato.

1. Attiva Priority conditions

   Fai clic sull’interruttore nella riga Priority conditions. Compare un campo Priority value.

2. Inserisci un valore di priorità

   Digita un numero da 0 a 100. 0 è la priorità più alta, 100 la più bassa. L’app mostra lo stesso suggerimento sotto il campo.

   

   Numero più basso = priorità più alta. Un badge viene nascosto se il prodotto ha già un badge con priorità più alta.

3. Salva

   Fai clic su Save. Il valore compare ora nella colonna Priority dell’elenco Badges & Labels, così puoi confrontare tutti i tuoi badge a colpo d’occhio.

Attenzione

I badge con la priorità disattivata compaiono come None nell’elenco e non fanno parte del confronto. Se vuoi che un badge prevalga in modo affidabile su un altro, imposta un valore di priorità su entrambi.

Esempio di priorità

Badge	Valore di priorità	Risultato su un prodotto che corrisponde a entrambi
Sale off	0	Mostrato
Best seller	10	Nascosto

Passaggi successivi

• Modificare la posizione del badge: regola dove si trova il badge sull’immagine del prodotto.
• Scegliere i prodotti di destinazione: scegli quali prodotti mostrano il tuo badge.
• Pianificare la visibilità: imposta le date di inizio e fine di un badge.

Consiglio

Serve aiuto?

Se incontri difficoltà mentre segui questi passaggi, scrivici a [email protected].