In questo video tutorial vedremo come installare un template in PrestaShop 1.7. Nel dettaglio sarà installato il tema Warehouse di iqit-commerce. Il template include e integra Elementor Page Builder, molto noto nel CMS Wordpress, questo plug-in per PrestaShop permette di creare e configurare le pagine del nostro ecommerce senza conoscere nulla di programmazione. L'installazione di un template in PrestaShop come vedremo è molto semplice e non richiede competenze tecniche, è comunque consigliato conoscere un minimo di HTML e CSS, non sono linguaggi di programmazione, ma di markup: semplificando un insieme di istruzioni che si possono apprendere velocemente consultando qualche guida sul Web.

Cos'è un Template di un Ecommerce

Un template è, semplificando, l'aspetto grafico di un Sito Web e la traduzione in italiano più corretta è Modello. Analogamente ai modelli che possiamo trovare in diversi programmi dagli editor di testo ai programmi di editoria professionali quali InDesign di Adobe, un Template serve a uniformare lo stile del nostro sito web in modo indipendente dai dati e contenuti rappresentati. 

Nel caso specifico di PrestaShop un template front-end è sviluppato tramite Smarty che è un motore di template scritto in PHP, che permette di separare il codice PHP, la programmazione del software dal codice HTML. Con la versione 1.7 di PrestaShop, si è scelto di migrare al framework Symfony, un quanto Smarty è stato superato da Twig, però tale migrazione riguarda principalmente il BackOffice. Attualmente quindi sono usati entrambi e non è detto che Smarty non sarà abbandonato completamente in futuro. 

Queste informazioni, non sono necessarie se non intendete sviluppare da zero un Template o modificare tramite l'uso di un tema Child il tema preinstallato con il CMS. Nella maggioranza dei casi, infatti, acquisterete un template molto vicino alla grafica che volete realizzare e andrete semplicemente ad installarlo. 

Caratteristiche di un Tema PrestaShop

I principali temi commerciali che trovate su addons, sono estremamente semplici sia da installare che da modificare, anche non conoscendo nulla di programmazione Web. Una volta acquistato un template, avremo un pacchetto di installazione che farà tutto per noi, compresa l'installazione di alcuni dati e configurazione di esempio. Le caratteristiche sono le seguenti:

  • La presenza di moduli come Teme Editor che ci permettono di modificare velocemente l'aspetto grafico.
  • Permettono di uniformare lo stile e l'aspetto di tutto l'ecommerce.
  • Un pacchetto di moduli tra i più comuni: Lista dei Desideri, Confronto tra prodotti, Cross selling, Slide, PopUp, ecc. utili per ricreare l'aspetto e le funzioni presenti nella demo del Template. 

Queste caratteristiche sono comuni, alcuni template ci permettono di andare molto oltre aggiungendo anche un Page Builder, un vero e proprio configuratore di pagine che ci permette di modificare l'aspetto di ogni contenuto. Warehouse include come già accennato Elementor, altri temi come i Leo includono Ap Page Builder. I page builder possono anche essere acquistati su addons e installati su molti temi che non li includono, ma se già compresi nel tema, sono molto meglio integrati. 

Cos'è un Page builder

I page builder, sono letteralmente costruttori di pagine, sono dei moduli che ci permettono di costruire pagine web in modo estremamente semplice, sfruttando una tecnica che si chiama drag&drop, ovvero il trascinare e spostare elementi con il mouse in un punto qualsiasi dello schermo. Sono quindi editor di tipo WYSIWYG (What You See Is What You Get), ovvero: ciò che vedi è esattamente il risultato che otterrai. Il vero punto di forza di questo approccio è proprio quello di avere un immediato riscontro di come apparirà la nostra pagina web.

I page builder hanno alcuni svantaggi, questa libertà ha un costo in termini di prestazioni, incidono molto sui tempi di caricamento e richiedono più risorse lato hosting. In compenso però permettono di gestire il proprio sito senza diventare programmatori web e, se si è dei Developer, di risparmiare ore e ore di lavoro.

Usare un template preconfezionato, ci permette di contenere i costi, pagando però un prezzo in termini di tempi di caricamento del nostro ecommerce, in parte risolvibile con l'uso di moduli cache avanzati.

Perché non usare un Template su misura?

Per il nostro ecommerce potremo anche scegliere di farci sviluppare un template specifico da zero, tutto nostro. Come un abito su misura, avrebbe molti vantaggi, tra i quali elevate prestazioni. Questo però se il "sarto" esegue un lavoro professionale, altrimenti come i maglioni di lana dalla nonna, avremo solo uno scomodo e brutto capo d'abbigliamento. 

Un Template Custom, oltre a un costo elevato presenterebbe una scarsa scalabilità, dovremo ricorrere allo sviluppatore ogni volta che il nostro business cresce e servono nuove caratteristiche e ogni volta che dobbiamo aggiornare il CMS. Con la velocità di cambiamento del mercato moderno, tale soluzione è improponibile se non per ecommerce che fatturano centinaia di milioni di euro, e soprattutto devono reggere un traffico enorme di utenti e hanno nel loro organico le figure professionali necessarie. In questo caso la scelta è dettata da necessità tecniche e non vengono usati CMS, o se usati sono completamente riscritti. Quindi nel vaso di CMS quali Wordpress, PrestaShop, Magento, ecc... la soluzione migliore è un template professionale, con lo sviluppo di un tema Child che apporti allo stesso un livello di personalizzazione tale da renderlo unico e prestazionalmente molto simile a una soluzione Custom.

Autore: Loris Modena

Loris Modena

SENIOR DEVELOPER

Per Ind Loris Modena titolare di Arte e Informatica, inizia a lavorare nel settore informatico nel 1989 quale sistemista addetto alla manutenzione e installazione di sistemi informatici. Inizia a programmare per il web nel 1997 occupandosi di programmazione CGI in PERL e successivamente passando alla programmazione in PHP e JavaScript. In questo periodo si avvicina al mondo Open source e alla gestione di server Linux. 

prodotto aggiunto alla lista