Drupal Camp Verona, 24/9/2011

1. Quercettistore.com
QUERCETTISTORE.COM

2. Background
➔ Sito esistente
➔ Collaborazione stretta con l'agenzia che si
occupa di comunicazione e immagine
➔ Volontà di avviare l'attività di vendita on-line
➔ Mercato globale, ma inizio graduale su
mercato italiano
QUERCETTISTORE.COM

3. Caratteristiche del sito
● Immagine forte e collegata ai prodotti
● Flessibilità nella gestione dei contenuti e nella
pubblicazione degli aggiornamenti
● Ottimizzazione dell'inserimento e gestione
contenuti (es. immagini)
● Predisposizione al multilinguismo (e in futuro
multivaluta)
● Navigabilità dei prodotti in diverse modalità
● Funzioni utili anche per negozianti (download)
QUERCETTISTORE.COM

4. Caratteristiche del sito
● E-commerce
● Gestione magazzino
● Inizialmente limitato a
Italia (per le spedizioni)
● Prodotti correlati
● Pagamento con gateway
C/C (Sella)
QUERCETTISTORE.COM

5. Infrastruttura
● Server dedicato di produzione
● Consigliato soprattutto a causa di applicazioni CPU-
intensive e RAM-intensive come la generazione di
archivi con immagini Hi-Res
● Server di sviluppo (VPS)
● Configurazioni "AMP" locali
QUERCETTISTORE.COM

6. Infrastruttura
● Repository Git (usata anche per portare in produzione le
modifiche) su server di sviluppo
● Trac (Wiki + Ticket)
● Per verbalizzare le riunioni e le richieste
● Per tracciare e pianificare le attività
● Drupal 6 (il progetto si è avviato in agosto/settembre
2010)
● Ubercart 2
● drush
● Features
● Context
QUERCETTISTORE.COM

7. Funzionalita' particolari / personalizzazioni
● Modifica batch dei
prezzi
QUERCETTISTORE.COM

8. Funzionalita' particolari / personalizzazioni
● Layout particolare
presentazione
aziendale con
sequenza di nodi
QUERCETTISTORE.COM

9. Funzionalita' particolari / personalizzazioni
● Gestione e
visualizzazione slider
in home page
QUERCETTISTORE.COM

10. Funzionalita' particolari / personalizzazioni
● Gestione testi e
immagini che devono
apparire in punti
particolari del sito
(home page,
intestazione store -
messaggio per ferie,
intestazione categorie
prodotti non store,
ecc.)
QUERCETTISTORE.COM

11. Funzionalita' particolari / personalizzazioni
● Menu di navigazione
prodotti, store per
categoria/età/prezzo
QUERCETTISTORE.COM

12. Funzionalita' particolari / personalizzazioni
● Creazione di archivi
per il download di kit
immagini ad alta
risoluzione relative ai
prodotti
QUERCETTISTORE.COM

13. Funzionalita' particolari / personalizzazioni
● Visualizzazione del
nodo "multipla": viene
visto in modo diverso
in Store, o in
"Prodotti"
QUERCETTISTORE.COM

14. Funzionalita' aggiunte a progetto in corso
● Creazione profilo utente associato a
● Newsletter
● invio auguri per compleanni
● Inserimento profili contatti raccolti in fiere e manifestazioni simili
● iscrizione newsletter
● invio auguri per compleanni
● Creazione fatture
● Aggiunta menu con sezione contenuti News e simili
● Aggiunta sezione con archivio pubblicità (fino a anni '60)
QUERCETTISTORE.COM

15. Sviluppi futuri
● Personalizzazione output ordini e
aggregazione totali per mese
● Esportazione anagrafiche clienti
● Store riservato a scuole (con
prodotti o confezioni dedicate)
● Trova il negozio (geolocation)
● Richiesta pacchetti regalo
● Attivazione nuove aree di
spedizioni, nuove valute
QUERCETTISTORE.COM

16. Aree di sviluppo particolarmente interessanti
● Theming
● Area di amministrazione
● Personalizzazioni Ubercart
● Views
● Uso di Features, Context, Strongarm
QUERCETTISTORE.COM

17. Theming
● Origine da PSD fornito da agenzia
● Tema basato su mix tra 960 + Fusion
● Problemi con margini sx e dx della griglia -> GIF
trasparenti
● Dropdown Superfish
● Sfondi che cambiano per sezione con Context
● Manipolazione griglia con CSS
QUERCETTISTORE.COM

18. Area di amministrazione
● Viste gestione contenuti
● Form system_setting per gestione contenuti
particolari (con upload immagini)
● Modifica batch dei prezzi (+ jquery per mostrare le
modifiche fatte)
● Personalizzazione input content type prodotto
● Spostamento di elementi del form
● Aggiunta procedura di creazione/modifica archivi
immagini alta risoluzione per il download
QUERCETTISTORE.COM

19. Personalizzazioni Ubercart
● Output carrello e
pulsanti Aggiungi al
carrello
QUERCETTISTORE.COM

20. Views
● Prodotti store per categorie e altri criteri di
raggruppamento
● Slider home page
● Download
QUERCETTISTORE.COM

21. Uso di Features, Context, Strongarm
● Sfondi pagina
● Blocchi / Menu
● Voci di menu
attive
● Routine di
passaggio delle
modifiche tra dev,
stage e
produzione
QUERCETTISTORE.COM

22. Domande
QUERCETTISTORE.COM

23. Grazie!
Marcello Testi
@pinolo
http://www.drupalitalia.org/user/596
Mario Vercellotti
@vermario
http://www.verdevelop.com
One more thing…
«NOI USIAMO GIT PER FARE IL DEPLOY!»
(→ @omissis)
QUERCETTISTORE.COM

24. Credits e licenza
● 6 – Bull3t:
http://www.flickr.com/photos/bull3t/3272158919/in/photostream/
● 15 – KTVee:
http://www.flickr.com/photos/venosdale/5938256710/in/photostream/
● 21 – plenty.r.:
http://www.flickr.com/photos/plenty/5579526939/in/photostream/
● 22 – WingedWolf:
http://www.flickr.com/photos/wingedwolf/5471047557/
Quercettistore.com - Case study presentation is licensed under a
Creative Commons Attribuzione - Condividi allo stesso modo 3.0 Unported License.
QUERCETTISTORE.COM