1
Guida - PrestaShop
Inserimento in presta shop
dell’articolo customizzato Marion
Marion è un articolo con varie combinazioni.
Questa guida di poche pagine ti insegna ad inserire articoli customizzati.
PrestaShop è facile da imparare – Ti piacerà
Redatto da Massimo Cascini.
2018
2
3
Sommario
1. Introduzione ... 4
Premessa ... 4
La preparazione ... 4
Generiamo le immagini ... 5
2. Gli attributi ... 7
I tipi di attributi ... 8
Le texture ... 9
3. L’inserimento dell’articolo ... 11
Inserimento aricolo nuovo ... 11
Le combinazioni ... 12
4. Conclusioni ... 13
Il problema ... 13
La soluzione ... 13
4
1. Introduzione
Premessa
Scopo di questa guida sarà semplicemente di inserire un articolo molto complesso mostrando tutti i necessari passaggi. L’articolo si chiama Marion e si è deciso di inserirlo come unico articolo customizzabile a piacere.
La preparazione
La prima cosa da fare è di prepararsi tutte le immagini necessarie, ovvero una per ogni combinazione che si desideri inserire. Nel nostro caso era disponibile solo l’immagine di Figura 1, quindi si è dovuto ricrearlo in tutte le varianti.
A tale scopo si è utilizzato Photoshop e nella fattispecie si sono create 4 immagini come indicato in Tabella 1.
Immagini Colonne Specchio Lampade Tracciato Colori Riflessi
Marion01.psd Doppia Teseo Contenitore
Cubo LED 5W Cubo LED 7W Short LED 7W Lira alogena 60W
Colore arredo Colore lavello
Lucido Opaco
Marion02.psd Doppia Rettangolare
Cubo LED 5W Cubo LED 7W Short LED 7W Lira alogena 60W
Colore arredo Colore lavello
Lucido Opaco
Marion03.psd Singola Teseo Contenitore
Cubo LED 5W Cubo LED 7W Short LED 7W Lira alogena 60W
Colore arredo Colore lavello
Lucido Opaco
Marion04.psd Singola Rettangolare
Cubo LED 5W Cubo LED 7W Short LED 7W Lira alogena 60W
Colore arredo Colore lavello
Lucido Opaco
Tabella 1
Una copia delle 4 immagini di base in PSD può essere scaricata dal sito famsedie.com cliccando sui link alla voce Immagini della Tabella 1.
Il numero totale di combinazioni possibili con queste 4 immagini è dato dalla formula:
Colonne x Specchi x Lampade x Colori Arredo x Colori Lavello x Riflessi = 2 x 4 x 4 x 39 x 39 x 2 = 97.344 Inserire una combinazione richiede all’incirca 5 minuti di tempo quindi per inserire questo articolo in modo che sia completamente customizzabile sono necessari:
97.344 x 5 = 486.720 minuti – ovvero considerando 22 giorni di 8 ore lavorative al mese:
486.720 \ 60 \ 8 \ 22 = 46,09 mesi – quindi quasi 4 anni.
Figura 1
5
Anche se non impossibile da realizzare, il tempo richiesto implica costi enormi ed è quindi improponibile.
Sarà dunque opportuno trovare una soluzione migliore che ci consenta di inserire l’articolo comunque ma con un metodo diverso, così da realizzare tutte queste varianti e magari anche di più ma in tempi accettabili.
Di questo comunque ci occuperemo nel capitolo finale di questa relazione.
Per capire le potenzialità del programma proviamo ad inserire comunque l’articolo ma con un numero limitato di combinazioni, nella fattispecie:
Colonne [Singola - doppia]
Colori Arredo [Bianco – Prugna - Rovere rosè]
Colore lavello [Bianco]
Riflessi [lucido - opaco]
Lampade [Cubo LED5W – Cubo LED7W – Short LED7W – Lira alogena 60W]
Specchi [Teseo Contenitore – Rettangolare 68 x 95]
In questo caso otterremmo: 2 x 3 x 1 x 2 x 4 x 2 = 96 Combinazioni inseribili in 96 x 5 / 60 = 8 ore, in aggiunta al tempo necessario a preparare le 4 immagini di base necessarie con Photoshop, circa 8 ore.
Generiamo le immagini
Apriamo in Photoshop la prima immagine: Marion01.psd.
Figura 2
Noteremo che l’articolo è già impostato con una delle tante varianti, ma proviamo a cambiarla per generare la prima delle combinazioni che ci servono e che sarà anche quella di base:
6 Scegliamo per prima cosa il tipo di lampada attivando il livello
Lampada Cubo LED7W
e disattivando gli altri tre livelli relativi alle lampade.
Per quanto riguarda i riflessi (lucido od opaco) possiamo agire su:
Riflessi Arredo e lavello
Modificando i valori di Opacità e Riempimento, fino ad ottenere l’effetto di riflessi desiderato.
Per il colore dell’arredo o del lavello agiremo su:
Colore Arredo e Colore Lavello
con lo Strumento di selezione diretta (Freccia bianca Figura 4) agiremo sulla voce Riempimento (vedi cerchietti rossi sull’immagine di Figura 4) inserendo il colore o la texture desiderata e salvando l’immagine ottenuta in JPG.
Figura 4 Figura 3
7
2. Gli attributi
Passiamo ora alla fase di inserimento degli attributi in PrestaShop: apriamo quindi la pagina di Back end del nostro sito, inseriamo e-mail e password se richieste, quindi dal menù a sinistra scegliamo dalla voce Catalogo – Attributi.
Per evitare confusione con i termini, ricordiamo che gli attributi sono variabili, ad esempio colore specchi ecc.
Mentre le caratteristiche rimangono costanti, ad esempio altezza, larghezza ecc. Nella fattispecie troverete già inseriti tutti gli attributi necessari a creare le combinazioni e cioè:
Bagni Colonne
Bagni Colore Arredo
Bagni Colore Lavello
Bagni Laccatura
Bagni Lampade
Bagni Specchi
Nell’immagine di Figura 5, vediamo come sia stato inserito l’attributo Bagni Colore Arredo.
Figura 5
Gli asterischi di colore rosso di Figura 5, indicano i valori da inserire obbligatoriamente. In particolare, vediamo la voce Tipo di attributo che ci serve a specificare quale tipo di attributo vogliamo inserire. Si può scegliere fra tre tipi diversi di attributi:
Menù a tendina
Bottoni radio
Colore e texture
8
I tipi di attributi
Di norma si usa il menù a tendina quando si devono inserire un certo numero di voci o con descrizioni di più parole per singola voce (ad esempio, nel nostro caso per le lampade e negli specchi). I Bottoni radio si usano quando Le scelte sono poche e possibilmente indicate da una sola parola (nel nostro caso, colonna e laccatura). Mentre Colori e texture ovviamente servono ad inserire varianti di colore o texture (legno, stoffe ecc).
Tipo di attributo Esempio
Menù a tendina
Bottoni radio
Colore o texture
Tabella 2
Nella prossima immagine (Figura 6), vediamo come inserire un valore per il colore:
Figura 6
Il numero #7b1020 corrisponde al colore porpora (Figura 6) ed altro non è che il valore esadecimale dei valori Rosso [#7b = 123], Verde [#10 = 16] e Blu [#20 = 32] del colore in questione.
9
Senza perderci in spiegazioni matematiche che esulano dallo scopo di questo scritto, diremo che il numero di colore esadecimale di qualsiasi colore si può prendere dal selettore colore di Photoshop come mostrato in Figura 7
cerchiato in rosso (ricordarsi di farlo precedere dal carattere # che indica al programma che si tratta di un numero esadecimale).
Figura 7
Le texture
Se il colore che si deve inserire non è una tinta piatta (ad esempio un tessuto o una tinta su legno), si possono usare le texture, ovvero delle mattonelle che rappresentino il motivo ripetitivo da applicare al posto del colore.
Le texture (Figura 8) che in Photoshop sono indicate come pattern devono essere delle immagini perfettamente ripetitive, proprio come le mattonelle di un pavimento cosicchè affiancate l’una all’altra disegnino perfettamente lo sfondo sul quale vengono applicate e si
inseriscono in PrestaShop come immagini JPG usando la voce Aggiungi file (Figura 6). Figura 8
10
Vediamo il risultato dell’applicazione con Photoshop, della texture di Figura 8 sull’immagine riportata in Figura 9.
Figura 9
11
3. L’inserimento dell’articolo
Inserimento aricolo nuovo
Passiamo ora alla fase di inserimento dell’articolo in PrestaShop: apriamo quindi la pagina di Back end del nostro sito, inseriamo e-mail e password se richieste, quindi dal menù a sinistra scegliamo dalla voce Catalogo – Prodotti.
Clicchiamo su Aggiungi nuovo prodotto (Figura 10) ed iniziamo ad inserire i dati richiesti.
Figura 10
Inseriamo tutti i dati richiesti (Tabella 3) Escluse le combinazioni che tratteremo nel paragrafo seguente.
Voce menù Descrizione
Informazioni Informazioni sull’articolo quali Tipo di prodotto, Nome, Codice di riferimento, Descrizioni, ecc.
Prezzi Prezzi di acquisto, di vendita ecc.
SEO Parametri per i motori di ricerca.
Associazione Indica in quali categorie deve comparire l’articolo.
Spedizione Dimensioni e peso dell’imballaggio, corriere dedicato alla consegna ecc.
Combinazioni Tutte le possibili combinazioni del prodotto con relative differenze di prezzo dall’originale Quantità Disponibilità in magazzino, accettazione ordini se esaurito ecc.
Immagini Tutte le immagini relative all’articolo, combinazioni, particolari ecc.
Caratteristiche Parametri costanti per tutte le combinazioni dell’articolo
Personalizzazione Parametri che si possono richiedere al cliente al momento dell’acquisto.
Allegati Documenti allegati, Manuali ecc.
Fornitori Fornitore dell’articolo.
Tabella 3
12
Le combinazioni
Trattandosi di un articolo con più varianti dovremo inserire tutte le possibili combinazioni con relative variazioni di prezzi, pesi, volumi e tutti i parametri relativi ad ogni singola combinazione.
Prima di inserire una nuova combinazione assicuriamoci di avere le immagini relative altrimenti carichiamole alla voce immagini del menù relativo all’articolo.
Iniziamo quindi con la combinazione di base, ovvero quella che corrisponde esattamente all’articolo, senza variazioni di prezzo, peso o volume (Figura 11).
Figura 11
Selezioniamo tutti gli attributi dell’articolo di base e i relativi valori:
Bagni Colonne: Doppia
Bagni Colore Arredo: Bianco
Bagni Colore Lavello: Bianco
Bagni Laccatura: Lucida
Bagni Lampade: Cubo LED7W 50cm
Bagni Specchi: Teseo Contenitore
Assegniamo un codice di riferimento ad esempio Marion 000 Che ci servirà ovviamente per identificare l’ordine che arriverà dal cliente. Questo codice può avere al massimo 34 caratteri quindi ricordiamo che è un codice ed evitiamo descrizioni esagerate.
Inseriamo l’impatto sul prezzo, che in questo caso, trattandosi della combinazione di base, sarà 0; ma nelle
combinazioni successive potrà aumentare o diminuire di quanto si desideri . Selezioniamo l’immagine (o le immagini) da collegare a questa combinazione, e tutti gli altri dati richiesti quindi salviamola e procediamo con la successiva.
13
4. Conclusioni
Il problema
Come visto già nel primo capitolo, questo metodo di inserire l’articolo, anche se molto interessante per capire le potenzialità di PrestaShop, si rivela inutilizzabile a causa della quantità enorme di combinazioni. La prima cosa da chiedersi è se per caso non si sia sbagliato qualcosa, ed in effetti è proprio così.
Quello che stiamo cercando di inserire non si deve considerare un articolo con delle combinazioni, ma una combinazione di tanti articoli.
Il Bagno Marion infatti è composto da
Colonna Smart 39 Colori x 2 Riflessi (Lucido Opaco) = 78 Combinazioni
Base Marion 39 Colori x 2 Riflessi (Lucido Opaco) = 78
Contenitore Teseo od altro tipo 39 Colori x 2 Riflessi (Lucido Opaco) = 78
Lampada Cubo LED od altro tipo nessuna combinazione = 01
Lavello 39 Colori x 2 Riflessi (Lucido Opaco) = 78
Totale 313
Notiamo che si tratta di più articoli diversi ed indipendenti. Se consideriamo gli articoli separatamente, le combinazioni di ogni articolo non vanno moltiplicate ma sommate, quindi in totale avremmo un numero di combinazioni assai inferiori, e precisamente 313 invece di 97.344.
Ne consegue che inserendo gli articoli separatamente sarebbero necessari 313 x5 /60 = 26 ore lavorative più il tempo per preparare le immagini con Photoshop. Comunque al massimo 2 giorni.
Tuttavia noi vogliamo vendere il Bagno Marion come se fosse un unico articolo, allora come si può fare?
Proviamo a pensare ad un articolo molto più complesso del nostro ,ad esempio un automobile, che è composta da centinaia di articoli singoli e vediamo come fanno gli altri a venderlo.
Se dovessimo vendere una Ferrari, la divideremmo in 4, 5 versioni per esempio per cilindrata e poi su ogni versione applicheremmo il colore , i vetri atermici, l’aria condizionata ecc. Difficilmente si potrebbe scegliere il tipo di pneumatici, di carburatore o di marmitta e non certo perché la Ferrari non potrebbe farlo, ma semplicemente perché sarebbe contro produttivo.
La soluzione
La proposta per risolvere la questione sta quindi nel suddividere l’articolo in più versioni, lasciando al cliente la possibilità di comperare anche singolarmente le parti che lo compongono, ossia per esempio:
Marion Economico Base Marion , colonna Smart singola, Specchio Rettangolare lampada Cubo LED5W
Marion Base Base Marion, colonna Smart singola, Specchio Rettangolare lampada Cubo LED7W
Marion Lusso Base Marion, colonna Smart Doppia, Specchio Rettangolare lampada Short LED7W
Marion Extra Lusso Base Marion, colonna Smart Doppia, Specchio contenitore Teseo lampada Short Su tutti i modelli come opzioni Colore o tinta legno, laccatura lucida od opaca, lavello Bianco o in tinta con l’arredo e sotto l’articolo un collegamento ai singoli componenti: Base, Colonna, Specchi, Lampade e lavello che
consentirebbero di crearsi il Bagno Marion come si desideri per esempio: 3 colonne verdi 2 lavelli gialli due basi rovere rosè 4 lampade lira 2 lampade Short LED, uno specchio rettangolare ed un contenitore Teseo Blu cobalto.