Crea in pochi secondi un child theme PrestaShop pronto per la produzione. Un child theme ti permette di personalizzare l’aspetto del negozio, colori, font, template, JavaScript, senza modificare il tema parent. Le modifiche restano al sicuro durante gli aggiornamenti del tema.
Che cos’è un child theme PrestaShop?
Un child theme eredita tutti i template, gli stili e le funzionalità da un tema parent (come Classic o Hummingbird), ma ti permette di sovrascrivere file specifici. Quando il tema parent viene aggiornato, le personalizzazioni restano intatte perché vivono in file separati.
Senza un child theme, qualsiasi modifica CSS o template fatta direttamente nei file del tema parent verrà sovrascritta al prossimo aggiornamento del tema, perdendo tutto il lavoro.
Cosa crea questo generatore
- config/theme.yml – Configurazione tema con ereditarietà dal parent, registrazione asset e definizioni layout. Include available_layouts richiesto dall’importatore temi PrestaShop.
- assets/css/custom.css – Un foglio di stile pronto da modificare con esempi commentati per colori, tipografia, header, pagine prodotto e footer. I temi Hummingbird includono esempi CSS @layer per una specificità corretta.
- assets/js/custom.js – File JavaScript con esempi di event listener PrestaShop, updatedProduct, updateCart, changedCheckoutStep, e wrapper DOMContentLoaded.
- preview.png – L’immagine di anteprima reale del tema parent. Sostituiscila con uno screenshot del negozio personalizzato dopo le modifiche.
- Override template – Override opzionali di esempio per pagina prodotto e header usando Smarty {extends} con prefisso parent: per override di blocchi sicuri e mirati.
- Setup build SCSS – package.json opzionale con compilatore Dart Sass e script build/watch per un workflow CSS professionale.
Temi parent supportati
- Classic – Il tema predefinito di PrestaShop dalla 1.7. Bootstrap 4, jQuery, ampia compatibilità con PS 1.7.x e 8.x. La scelta più sicura per negozi esistenti.
- Hummingbird – Il moderno tema predefinito per PrestaShop 9. Bootstrap 5.3, CSS Layers, TypeScript compilato con Webpack 5. Ideale per nuovi progetti PS 9+ rivolti a browser moderni.
- Warehouse – Tema premium popolare di iqit con ampie opzioni di personalizzazione. Usa “Other” e inserisci qualsiasi nome directory per altri temi marketplace o personalizzati.
Come installare
- Scarica lo ZIP usando il modulo
- Carica il contenuto dello ZIP in /themes/ sul server via FTP oppure usa Back Office > Design > Theme & Logo > Import a theme
- Attiva il child theme in Design > Theme & Logo
- Modifica assets/css/custom.css per iniziare la personalizzazione
Scopri di più
- Guida completa ai child theme – guida dettagliata alla creazione di child theme, override template, pattern custom.css, personalizzazione CSS e debug dei problemi comuni
- Deep dive PrestaShop /themes/ – come funzionano internamente risoluzione template, pipeline asset, cache CCC e rendering Smarty
- Serie Architettura PrestaShop – analisi cartella per cartella dell’intera codebase PrestaShop per sviluppatori e proprietari di negozi