Tag e Tag Value
I Tag sono il sistema di etichettatura fondamentale di Webround Commerce. Rappresentano la definizione di attributi costanti e condivisi all'interno del catalogo, permettendo di organizzare, filtrare e presentare i prodotti in modo strutturato.
Il sistema si divide in due parti:
- Tag: La definizione dell'etichetta (es. "Colore" o "Peso").
- Tag Value: Il valore specifico associato a quell'etichetta (es. "Rosso" o "10 kg").
Logica dei Tag
Immagina un Tag come un contenitore di costanti. È possibile definire la natura del dato (Stringa, Numero, Data) e come questo deve interagire con il sistema di ricerca e navigazione.
Proprietà di Visualizzazione e Ricerca
Per ogni Tag, puoi abilitare tre comportamenti chiave gestiti nativamente dalle Catalog APIs:
- Relevant (Rilevante): Il tag viene restituito dalle API quando è associato a un prodotto. È utile per mostrare informazioni descrittive nella scheda prodotto.
- Filterable (Filtrabile): Abilita il filtraggio dinamico. Consente agli utenti di cercare, ad esempio, "tutti i prodotti di colore Verde" o "tutte le taglie M".
- Sortable (Ordinabile): Permette di definire criteri di ordinamento basati sul valore del tag (es. ordinare le auto a noleggio dalla durata più breve alla più lunga).
Personalizzazione Avanzata
- Icona: È possibile definire un'icona (da React Icons) per rappresentare visivamente il tag nel front-end.
- Posizione: Permette di stabilire un ordinamento custom dei tag quando vengono mostrati in elenco.
- Label (Etichetta): Una stringa che definisce una proprietà come l'unità di misura. Se il tag è "Peso" e la label è "kg", il front-end interpreterà e mostrerà i valori come "4 kg", "10 kg", ecc.
Puoi definire dei filtri di tipo range sui valori dei tag se li imposti con tipo "Data" o "Numero". Così, i tuoi clienti, potranno filtrare tutti i prodotti che hanno un Tag Value associato il cui valore è compreso tra quelli specificati dalla sua ricerca.
Tag Value: I Valori dell'Etichetta
I Tag Value sono i figli diretti di un Tag e rappresentano le opzioni effettive selezionabili.
- Valore e Alias: Entrambi sono localizzabili al 100%. L'Alias è un nome alternativo utile per integrazioni o codice personalizzato.
- Esempio: Un tag "Colore" ha un Tag Value "Bianco" con Alias
#ffffff.
- Esempio: Un tag "Colore" ha un Tag Value "Bianco" con Alias
- Visibilità: Un interruttore per abilitare o disabilitare il valore nel front-end senza doverlo eliminare dal sistema.
I Tag e le Opzioni
Una delle funzioni più potenti dei Tag in Webround Commerce è il loro ruolo come motori delle Opzioni di acquisto.
Mentre gli Attributi descrivono il prodotto, i Tag Value vengono utilizzati per definire la "matrice" delle scelte disponibili per l'utente. Poiché le opzioni di acquisto tendono a essere costanti (le taglie S, M, L sono le stesse per molti modelli), i Tag sono lo strumento perfetto per garantire coerenza e velocità di configurazione.
Il flusso di creazione
Per generare correttamente le opzioni di un prodotto, il flusso è il seguente:
- Definizione dei Tag: Assicurati di aver creato il Tag (es. "Taglia Scarpe") e i relativi Tag Value (es. "40", "41", "42").
- Aggancio al Prodotto: In fase di definizione delle Opzioni Prodotto, selezioni il Tag di riferimento e scegli quali dei suoi valori vuoi abilitare per quello specifico prodotto.
- Generazione Matrice: Il sistema utilizzerà quei Tag Value per generare automaticamente la matrice degli SKU sotto ogni variante.
Vantaggi di questo approccio
- Coerenza: Eviti di scrivere manualmente "XL" o "Extralarge" in modo diverso ogni volta; usi sempre lo stesso Tag Value centralizzato.
- Velocità: Una volta definito il set di tag per un settore (es. Abbigliamento), configurare le opzioni di nuovi prodotti diventa una questione di pochi click.
- Filtraggio Nativo: Poiché gli SKU generati portano con sé i Tag delle opzioni, il tuo store permetterà istantaneamente di filtrare i prodotti in base alla disponibilità (es. "Mostrami solo i prodotti disponibili nella taglia 42").
Esempi di Struttura
Ecco come i Tag organizzano le informazioni nel catalogo:
| Tag (Etichetta) | Label | Tag Values (Esempi) |
|---|---|---|
| Colore | - | Bianco, Nero, Rosso, Verde |
| Taglia | - | S, M, L, XL |
| Peso | kg | 2, 5, 10, 20 |
| Durata Noleggio | Mesi | 12, 24, 36, 48 |
| Offerta | - | Vendita, Noleggio |
Tutto il sistema dei Tag è multilingua. Puoi tradurre sia il nome del Tag che i singoli Tag Value, garantendo che un utente tedesco veda "Farbe: Weiss" mentre un utente italiano veda "Colore: Bianco" sullo stesso identico prodotto.