Oggi introduciamo finalmente i prodotti, l’elemento fondamentale di ogni piattaforma di e-commerce.
Continuiamo a lavorare all’interno della categoria Biscotti del nostro negozio Prestashop.
Dopo aver assegnato l’immagine di copertina a tutte le sotto-categorie, passiamo ad inserire il primo prodotto.
Andiamo nel back-office e clicchiamo su Catalogo – Aggiungi nuovo prodotto.
Ci si aprirà una schermata come quella qui sotto:
Nella scheda info i primi due campi che dobbiamo necessariamente riempire sono il nome e il prezzo di vendita dell’oggetto.
Gestione del magazzino
Scorrendo la pagina, alla voce Magazzino inziale possiamo inserire la quantità disponbile del prodotto. Ad esempio 10 pacchi di biscotti.
La voce Magazzino inziale compare soltanto la prima volta che inseriamo un prodotto, quando torneremo in questa scheda le volte successive troveremo la voce Movimenti Magazzino: da qui potremo gestire la disponibilità del prodotto, aumentandone o diminuendone la quantità in giacenza.
Ad esempio, se dal menu a tendina selezioniamo Increase e nel campo numerico scriviamo 10, aumenteremo la quantità del prodotto di 10. Sommeremo 10 pacchi di biscotti ai 10 che abbiamo inserito in precedenza, se non ne abbiamo venduto nessuno avremo 20 pacchi di biscotti.
Se selezioniamo Decrease ed inseriamo 5 nel campo numerico, sottrarremo 5 confezioni di biscotti alle 20 che abbiamo inserito precedentemente. Poremmo vendere quindi 15 confezioni di biscotti.
In basso troviamo dei radio buttons da cui possiamo scegliere l’azione da compiere nel caso in cui non ci fosse disponibilità del prodotto.
Di default Prestashop è impostato su “Rifiuta gli ordini“.
Eventualmente possiamo scrivere un messaggio personalizzato da mostrare nel caso in cui la merce si trova in magazzino, oppure non si trova in magazzino ma si può ordinare.
Descrizione del prodotto
Scorrendo ancora la pagina dobbiamo selezionare la categoria in cui collocare il prodotto.
Infine troviamo un campo per inserire eventuali tag, e due campi di testo per scrivere la descrizione del prodotto.
La descrizione inserita nel primo campo verrà visualizzata nell’elenco dei prodotti:
e nella parte superiore della pagina del prodotto:
La descrizione inserita nel secondo campo, invece, verrà visualizzata nel corpo della pagina del prodotto:
Immagini
Dopo aver compilato tutti i campi necessari nella scheda Info, clicchiamo su Salva e rimani per salvare le impostazioni inserite finora. Dopo di che torniamo in cima alla pagina ed andiamo nella scheda Immagini.
Cliccando su Sfoglia possiamo caricare una o più immagini da nostro computer.
Di deafult la dimensione massima dell’immagine del prodotto è di 300px x 300px, per il momento ci va bene cosi, quindi possiamo salvare le immagini con queste dimensioni.
Nel caso in cui carichiamo più immagini, possiamo scegliere quale impostare come immagine di copertina del prodotto spuntando l’apposita casellina.
Tuttavia per il momento ci conviene caricare una sola immagine, ne caricheremo altre quando avremo preso un po’ di confidenza con la pagina dei prodotti.
Come abbiamo fatto per il menù delle categorie, partendo dalle basi arriveremo, pian piano, a stravolgere completamente la struttura originale della pagina dei prodotti.
Prestashop ci mette a disposizione moltissimi parametri che possiamo impostare per gestire i nostri prodotti, in questo tutorial ne abbiamo analizzati soltanto i principali.
Adesso proviamo a visualizzare un’anteprima della categoria Biscotti.
Nel prossimo tutorial inizieremo a modificare le regole css, cercando di dare un senso a tutto questo caos.
Jos
Ciao,
complimenti per la GUIDA; è davvero un gran bel lavoro quello che hai fatto perchè dà a tutti noi ignoranti in materia di programmazione, di poter tentare una customizzazione grafica di PRESTASHOP.
Oggi avevo deciso di iniziare a mettere in pratica le tue lezioni. Purtroppo ho da subito avuto un problema: ho installato in locale la versione 1.4.6.2 di prestashop e quando sono andato ad aprire con un editor di testo (notepad c++) il file index.php (quello nella root) mi sono accorto che deve essere cambiato qualcosa nella attuale programmazione di prestashop rispetto a quanto riportato nella tua GUIDA.
In pratica se apri il file index.php dalla versione 1.4 (compresa) in poi visualizzi questo:
..
require(dirname(__FILE__).’/config/config.inc.php’);
ControllerFactory::getController(‘IndexController’)->run();”
..
Esiste una soluzione a questo problema?
E’ possibile utilizzare la tua GUIDA sulle ultime versioni di prestashop?
Grazie e ancora complimenti.
Jos.
pupixel
Ciao Jos, dalla versione 1.3 alla 1.4 ci sono delle piccole differenze ma la sostanza è la stessa.
Per quanto riguarda il codice dei temi, che è quello di cui noi ci occupiamo in questa guida, non cambia praticamente nulla.
In ogni caso soltanto per le primissime lezioni della guida mi sono basata sulla versione 1.3, la maggior parte delle lezioni sono basate sulla 1.4, quindi puoi seguire tranquillamente tutti i tutorials.
Elena
Ciao Giovanna, mi piacerebbe capire bene se PrestaShop fa giusto al caso mio oppure no, mi piacerebbe installarlo in locale sul mio Mac.
Ma non ho trovato nessuna guida passo passo di come installare PrestaShop sul Mac.
Ho provato scaricando la versione Mamp 1.9.6.1 e la versione PrestaShop 1.4.7.0 ma non sono riuscito ad installarlo, ho Leopard 10.5.6.
La procedura che ho seguito è la seguente : ho avviato Mamp 1.9.6.1 poi ho dato un nome al DB poi o aperto PrestaShop e ho trascinato tutti i suoi file dentro a htdocs, poi da FireFox ho provato a digitare http://localhost/prestashop, ma mi dice Firefox non può stabilire una connessione con il server localhost.
Dov’ è che sbaglio ???
Esiste una piccola guida su come installare PrestaShop in locale sul mac, o tu saresti così gentile di spiegarmi come fare, passo passo; su internet non ho trovato nessuno che spieghi bene come fare, spero in un tuo piccolo tutorial, che secondo me può spopolare su internet, visto la mancanza.
Elena
Devo dire che per quel poco che ho avuto la possibilità di leggere sino ad ora sul tuo Blog, mi è piaciuto molto.
Molto Brava, e più professionale in alcuni casi del forum italiano.
pupixel
Ciao Elena, ti ringrazio per i complimenti.
Sinceramente non saprei aiutarti perché non uso il mac.
Però per fare le prove potresti crearti un account su Altervista o un altro hosting gratuito. Io faccio così, non mi piace lavorare in locale.
elena
Grazie mille.
elena
Ciao Giovanna, nel settaggio di PrestaShop, ci sono degli accorgimenti a qui devo fare attenzione nella compilazione dei vari step, tipo :
( CONFIGURAZIONE DEL DATABASE )
server : cosa devo mettere ?
ID : cosa devo mettere ? cioè quale nome utente devo mettere ?
il campo inserisci una email lo devo compilare o devo lasciarlo vuoto essendo in locale ?
Scusami per la mia ignoranza in materia, e grazie per la tua pazienza e professionalità; … piano piano arrivo.
Grazie mille di nuovo per il tuo aiuto.
Elena
Albert
Ciao Giovanna, ti rispondo io…
-Scarica ed installa l’ultima versione di Mamp
-Crea un database
-Scompatta Prestashop e mettilo in htdocs (è una cartella che trovi dentro Mamp)
- apri Firefox e digita: http://localhost:8888/prestashop
a questo punto ti si avvierà l’installazione…
- Server: localhost
- Nome database: quello che gli hai dato
- root (username di default)
- root (password di default)
A questo punto hai quasi completato…
Devi solo più cancellare la cartella install da htdocs e cambiare il nome alla cartella admin (esempio: admin123)
Ora riapri Firefox e digita: http://localhost:8888/prestashop/admin123
Mi sembra di averti detto tutto!
:)
Albert
dimenticavo ….il campo email lascialo pure vuoto…
Albert
..anzi, puoi anche mettercela, ma non spuntare la casella
“Configura l’invio SMTP”
pupixel
Grazie per il contributo Albert! ;)
Il tuo primo commento era finito accidentalmente nello spam a causa dei link ^_^
Gianluca
Grazie mille, sei stato super esauriente
pasfor74
Ciao pupixel, ho un problemino con PrestaShop e trovando oggi il tuo blog ho la sensazione che tu mi possa aiutare.
Premessa: sto lavorando in locale su Wamp e sto cercando di editare la pagina di default di prestashop (vers.1.4, quella dove ti vengono presentati dei prodotti della Apple). Volevo fare le prove per un amico di famiglia che vende delicatessen alimentari. Ho provato a inserire alcuni prodotti sovrascrivendo i file già esistenti e tutto bene. Dopo qualche giorno volevo aggiungere nuovi prodotti. Sono andato in Back Office–>Catalogo–>Aggiungi nuovo prodotto. Riesco a compilare i campi, ma quando provo ad aggiungere la foto del prodotto visualizzo un grosso punto interrogativo grigio (che sarebbe l’immagine 404.gif della cartella immagini) e anche facendo la preview del sito continuo a vedere questo. Ho provato sia con Chrome che con firefox ma niente. Spero tu possa aiutarmi. Grazie
pasfor74
P.S: non è un problema di dimensione immagini perché ho caricato una 209×129 pixel (che mi serviva per fare le thumbnails) e continuo visualizzando il punto interrogativo grigio (che se poi ci vai su e con il tasto destro vai su “apri in una nuova finestra” mi apre la mia immagine
pasfor74
ho trovato la soluzione nel forum di prestashop http://www.prestashop.com/forums/topic/89074-problema-anteprima-immagini-con-404gif-nel-bo/
grazie
Matteo
Ciao, io avrei una domanda sulla lista dei prodotti…ho provato con un tema scaricato e i prodotti vengono elencati solamente con il prezzo. Volevo una soluzione come la tua, con prodotti e descrizione, 1 prodotto per riga.
Come devo fare? Come si chiama il tema che hai usato?
Pupixel
Ciao Matteo, il tema che vedi qui è stato realizzato interamente da me utilizzando il tema di default come Framework.
Nella guida Prestashop ho spiegato passo passo come realizzare questo tema, ed ho cercato di dare delle indicazioni affinchè ognuno possa realizzare il proprio tema in base alle sue esigenze.
Prova a leggere tutte le puntate della guida Prestashop dall’inizio, e vedrai che riuscirai a realizzare il tuo tema, e in fondo agli articoli più rilevanti troverai i link per scaricare le varie parti di codice e di grafica.
Paolo
Ciao
avrei bisogno di una info. Con prestashop è possibile collegare il sito ad un database in modo tale da avere le quantità sul sito sempre aggiornate anche quando il prodotto non è stato acquistato dal sito ma direttamente dal negozio? Eventualmente è possibile linkarmi una guida a tal proposito?
Grazie mille
Colamais
Salve tramite un amico mi son fatto installare Prestashop E-Commerce. L’amico mi ha fornito delle semplici informazioni per caricare le categorie ed i prodotti. Sono riuscito a caricare nel Catalogo le categorie ma non riesco a caricare i prodotti ed inoltre alcune categorie mi appaiono come sottocategorie. Non solo ma avendo inserito alcuni prodotti non riesco ad inserire le immaggini. Mi potreste gentilmente fare da guida perche sono veramente all’oscuro del funsionamento di questo programma. Non vi nascondo che ho comprato la guida ma è in inglese ma io in inglese sono poco socievole. Grazie
Francesco
Salve, vorrei chiederle un aiuto per quanto riguarda prestashop. Sto creando un negozio riguardante stampe digitali, tipo biglietti da visita, cartoline,manifesti ecc.. il mio problema sorge nella pagina prodotto, precisamente nelle quantità, perchè ho creato la combinazione numero copie, per far variare il prezzo in base ad esse. Nel front office mi appare il menù a tendina delle copie e il campo quantità che mi scombina tutto, perchè aumentando il numero il prezzo mi raddoppia.
potrebbe aiutarmi gentilmente in questo problema? non riesco ad uscirne fuori.
grazie per l’attenzione.
Distinti saluti
Francesco