Blog Magentiamo

Come creare un prodotto configurabile in Magento 2

Un prodotto configurabile è simile ad un prodotto singolo, con una lista dropdown di opzioni per ogni variazione. In sostanza, un prodotto configurabile, proprio come avevamo detto in Magento: guida completa ai prodotti configurabili, è un sistema che consente di raggruppare più oggetti uguali, ma con caratteristiche differenti.

Un oggetto che si adatta perfettamente alla definizione di prodotto configurabile è sicuramente un top, poiché questo può avere vari colori e varie misure (le famose variazioni legate all'oggetto).

magento2-prodotto-configurabile

Come creare un prodotto Configurabile in Magento 2

Per creare un prodotto Configurabile in Magento 2, sono necessari 2 step principali:

  1. Creare il Prodotto Configurabile
  2. Aggiungere le Configurazioni

Vediamo come...

Parte 1 - Creare il Prodotto Configurabile

1. Selezionare il tipo di prodotto da creare

  • Vai nella barra dell' Admin e clicca su Products ---> Inventory ---> Catalog
  • Seleziona in alto a destra nel menù Add Product, la voce Configurable Product

selezione-prodotto-configurabile-magento2

2. Selezionare il template per il prodotto

Per scegliere il tipo di Template di prodotto, puoi seguire due strade:

  • Immetti direttamente il nome del template che vuoi utilizzare, nella barra di ricerca
  • Clicca nella lista e scegli il template che vuoi utilizzare.

template

3. Completare i campi richiesti

  • Nella sezione Product Details, inserisci, in Name, il nome del prodotto.
  • Puoi poi scegliere se lasciare nella sezione SKU, lo SKU che ti viene dato di default o sceglierne un altro.
  • Scrivi in Price, il prezzo.
  • Se necessario, nella sezione Tax Classes, inserisci il tipo di tassazione presente.
  • Poiché il prodotto non è ancora pronto, imposta la sezione Product Online, su Off.

4. Completare i campi rimanenti

  • Puoi aggiungere un' immagine che rappresenti il prodotto configurabile nel suo complesso o aspettare fino a quando non avrai impostato le diverse configurazioni del prodotto. In questo esempio, utilizziamo un immagine che mostri il top in tutti e 3 i colori.
    • Per inserire l'immagine puoi trascinarla dal desktop nel box Images and Videos.
    • In alternativa, puoi cliccare su Camera Tile e caricare l'immagine direttamente dal tuo computer.
  • La Quantità (Quantity), non è disponibile, perché questa è data da ogni variazione di prodotto.
  • Per assegnare il prodotto ad una Categoria:
    • Vai nel box Category e scrivi la categoria a cui vuoi associare il prodotto.
    • In alternativa, puoi cliccare sull'icona Show List, per vedere l'elenco completo delle categorie e selezionare quella di interesse.
    • Puoi anche aggiungerne una nuova, cliccando su New Category e scrivendo il nome della nuova categoria. Dovrai selezionare anche la categoria di appartenenza, per determinare la sua posizione nel menù. Poi seleziona Create Category.
  • Puoi scrivere anche una descrizione direttamente nel box Description.

dettagli-prodotto

5. Salva e Continua

A questo puoi puoi salvare il prodotto. Nei prossimi step, dovrai settare le configurazioni per le variazioni del prodotto

  • In alto destra, clicca su Save.

Parte 2 - Aggiungere le configurazioni al Prodotto Configurabile

I prossimi 7 step, ti faranno capire come configurare più colori e taglie per il tuo Prodotto Configurabile.

Ricordati di controllare la barra di avanzamento, presente nella parte superiore della pagina, perché ti mostra a che punto del processo sei.

progress-bar-magento2

1. Selezionare gli Attributi

Una volta salvato il tuo prodotto configurabile, rimani sulla pagina di prodotto e alla fine troverai la sezione Configurations, dove dovrai cliccare su Create Configurations.

configurations

Fatto questo, ti troverai difronte questa schermata:

set-attributes-magento2

  • Seleziona gli attributi che vuoi utilizzare (nel nostro caso "color" e "size")
  • Se vuoi crearne uno nuovo, ti basterà cliccare su Create New Attribute, compilare i campi richiesti, tra cui le diverse opzioni disponibili (i valori dell'attributo). Se infatti vogliamo creare l'attributo Color, dovremo creare le varie opzioni di colore (black, blue, white etc..), nella sezione Manage Options e successivamente salvare il tutto.
  • Una volta selezionati gli attributi desiderati, ti basterà cliccare sulla voce Next, presente in alto a destra della schermata.

2. Inserire i Valori di Attributo

Una volta selezionato Next, ti apparirà questa schermata:

valori-attributi-magento2

Come puoi vedere, qui sono presenti i due attributi che abbiamo selezionato precedentemente. Entrambi contengono al loro interno, le diverse variazioni, rispettivamente di colore e taglia, impostate precedentemente.

  • Seleziona la checkbox relativa ai valori che vuoi utilizzare nel tuo attributo. Nel nostro caso, per l'attributo Color, sono stati selezionati i valori: Black, Green e Yellow.

valori-attributi-magento2

  • Se vuoi aggiungere un altro valore al tuo attributo, potrai farlo, cliccando sulla voce Create New Value e sulla freccia.
  • Ripeti il procedimento per ogni attributo che hai scelto.
  • Clicca di nuovo su Next, in alto a destra.

3. Configurare Immagini

Metodo 1 - Applica un singolo Set di Immagini a tutti gli SKU

Se scegli questa opzione, tutte le variazioni di prodotto avranno la stessa immagine.

  • Seleziona Apply single set of images to all SKUs
  • Scegli l'immagine che vuoi impostare
    prodotto-configurabile-magento2

Metodo 2 - Applica un' immagine per ogni SKU

Se scegli questa opzione, potrai associare ad ogni variazione, un'immagine specifica.

  • Seleziona Apply unique images by attribute to each SKU.
  • Seleziona l'attributo, per esempio, Color.
  • Carica ora le immagini per le diverse variazioni.

immagini-attributi-magento2

4. Configurare il Prezzo

Metodo 1 - Applica lo stesso prezzo a tutti gli SKU

Se scegli questa applicazione, applicherai lo stesso prezzo a tutti gli SKU.

  • Seleziona Apply single price to all SKUs
  • Inserisci il prezzo

stesso-prezzo-sku-magento2

Metodo 2 - Applica un prezzo per ogni SKU

Se scegli questa opzione, potrai dare un prezzo differente alle diverse variazioni.

  • Seleziona Apply unique price by attributes to each SKU
  • Seleziona l'attributo a cui vuoi dare un prezzo specifico
  • Inserisci il Prezzo

prezzi

5. Configurare la Quantità

Metodo 1 - Applica la stessa quantità a tutti gli SKU

Scegliendo questa opzione, imposterai la stessa quantità per tutti gli SKU.

  • Seleziona Apply single quantity to each SKU
  • Inserisci la Quantità

quantità-impostare-magento2

Metodo 2 - Applica una quantità per ogni SKU

  • Seleziona Apply unique quantity by attribute to each SKU
  • Inserisci la Quantità

quantità

  • Fatto questo, clicca su Next

6. Generare le configurazioni di Prodotto

Dopo aver cliccato su Next, ti apparirà una lista di prodotti, ossia tutti i prodotti semplici costituenti il configurabile e che rappresentano le varie combinazioni di prodotto che si possono avere (Top verde, taglia S,Taglia M, L  oppure Top nero, taglia S, M, L etc.).

Controlla che i prodotti siano quelli che vuoi che facciano parte del tuo prodotto configurabile e poi clicca su Generate Product per aggiungere il prodotto al tuo catalogo.

A questo punto,  le varie combinazioni del prodotto, appariranno alla fine della pagina di dettaglio prodotto, nella relativa sezione di Configurazione. Se vuoi fare qualche modifica, clicca su Edit Configuration.

7. Salvare e Pubblicare il prodotto

Se il prodotto configurabile è corretto, nella sezione Product Online, seleziona On, dopodiché Salva e Chiudi.

Troverai il prodotto configurabile e tutti i prodotti semplici che lo costituiscono nella griglia, presente nell' Admin.

8. Controllare il risultato finale

Quando hai terminato la configurazione del prodotto configurabile, puoi vedere come apparirà nello store. Per fare questo, vai nel pannello Admin e seleziona il prodotto. Clicca in alto a destra nella voce Customer View, per vedere come sarà il prodotto nel frontend.

customer-view