In questo video imparerai come creare opzioni multiple per le varianti dello stesso prodotto, come ad esempio il colore. Questo ti consente di creare varianti diverse sotto lo stesso prodotto e dare ai visitatori del tuo sito un modo per scegliere tra di esse.
Trascrizione
Creazione di un'opzione colore per i varianti del prodotto
Abbiamo creato un prodotto con una tazza con varianti nere e verdi, ma come possono gli utenti scegliere tra le due opzioni di colore? È chiaro che abbiamo bisogno di un'opzione colore che consenta la selezione della variante specifica.
Le opzioni in Webround sono specifiche per singoli prodotti e rappresentano le scelte necessarie per scegliere una variante o l'altra. Il prodotto definisce tutte le opzioni. Mentre ogni variante definisce la combinazione specifica di valori delle opzioni che identificano la variante.
Creiamo l'opzione colore dalla scheda Opzioni. Puoi vedere chiaramente che il tipo dell'opzione è Tag value. Questa proprietà è molto specifica perché le opzioni riutilizzano i tag e i tag value per definire la caratterizzazione delle varianti.
Per definire i valori di questa opzione, dobbiamo creare il tag colore. I tag sono l'elemento base della caratterizzazione del tuo catalogo Webround Commerce e possono essere utilizzati per cercare prodotti o varianti. I tag possono anche utilizzare icone dalla libreria React icons. Aggiungiamo un'icona chiara. Assicurati di abilitare il ruolo per il tag se ci sono corrispondenze nella lista. Ciò aiuta a creare feed per i marketplace esterni.
Il tag è solo un contenitore per valori. Per definire i tag value, clicca sul pulsante verde +. Assicurati di impostare tutti i valori del tag come visibili. Siamo ora pronti ad accedere alla sezione delle opzioni del prodotto. Dove possiamo definire i valori delle opzioni del prodotto. Seleziona l'opzione interessata con il cerchietto giallo. Ciò apre un modal dove puoi scegliere i tag value utilizzati come valori delle opzioni. Scegli nero e verde.
La selezione può essere corrispondente al cerchietto o con le piccole frecce che possono anche essere trascinate per riordinare i valori. Clicca sul pulsante di salvataggio verde per salvare queste opzioni sul prodotto. Come puoi vedere, il prodotto ora definisce opzioni colore nero e verde. Questa sezione ha altre funzionalità interessanti, ma passeremo a quelle in un secondo momento.
Definizione dei valori delle opzioni per le varianti
Torna al prodotto e naviga alle sue varianti. Clicca sul pulsante Opzioni su ogni variante per definire il valore dell'opzione. Clicca sull'opzione desiderata e salva. Non puoi mai salvare la stessa opzione per due varianti diverse e devi sempre definire almeno un valore per tutte le opzioni impostate sul prodotto.
Ad esempio, se avessimo un'altra opzione per la taglia, avremmo dovuto definire anche il valore dell'opzione taglia, altrimenti l'operazione di salvataggio sarebbe fallita.