Theme child Prestashop: come crearlo

Theme child Prestashop: come crearlo

Un theme child Prestashop e' un tema che eredita da un tema parent e ne sovrascrive solo i file modificati. E' la soluzione ideale quando hai acquistato un tema premium che vuoi personalizzare senza perdere le personalizzazioni a ogni upgrade del parent. Vediamo come crearne uno.

Concetto di parent e child

Prestashop supporta la dichiarazione del parent in config/theme.yml: chiave parent con il nome del tema padre. Il child eredita tutti i template, asset e configurazioni, sovrascrive solo i file presenti nella sua struttura. L'upgrade del parent non tocca il child; quindi i tuoi override restano intatti.

Struttura minima child

Crea themes/nomereo_child/ con: config/theme.yml (parent: nomereo, name: nomereo_child), preview.png, info.png. Aggiungi solo i template che vuoi modificare. Per CSS conviene aggiungere un file assets/css/child-custom.css caricato via theme.yml in assets.css. Tutti gli altri file del parent saranno usati di default.

Procedura passo-passo

  1. Identifica il tema parent installato.
  2. Crea cartella themes/nomereo_child/.
  3. Crea config/theme.yml dichiarando parent.
  4. Aggiungi preview.png e info.png.
  5. Copia solo i file da modificare mantenendo path.
  6. Aggiungi CSS custom in assets/css/child-custom.css.
  7. Dichiara nuovo CSS in theme.yml asset.css.
  8. Importa il theme child dal Module Manager.
  9. Attiva il theme child al posto del parent.
  10. Verifica che modifiche applicate compaiano in frontend.

Errori comuni e come risolverli

  • Child non riconosciuto: chiave parent assente o parent non installato.
  • Asset parent non caricati: child ha asset.css vuoto che sostituisce; aggiungi anche asset parent.
  • Override perso: file path errato; deve combaciare con parent.
  • Upgrade parent rompe child: API cambiata; rivedi template modificati.

Domande frequenti

D: Tutti i temi supportano child?
R: Sì, e' feature nativa di Prestashop 1.7+.

D: Posso avere child di child?
R: Non ufficialmente.

D: Performance impattate?
R: Minimi: una resolution path extra per template.

Hai bisogno di aiuto?

Se vuoi un Prestashop performante curato dal team di G Tech Group, scrivici tramite il modulo di contatto.

Hai trovato utile quest'articolo?