Passa al contenuto principale

Modifica del template

La personalizzazione del tema in ECTOR può essere gestita facilmente, sia che tu stia utilizzando un ambiente di sviluppo locale sia che tu stia lavorando su un webserver remoto.

Accesso ai File del Tema​

  • Sviluppo in Locale: Se hai utilizzato il metodo di sviluppo in locale, la cartella dei temi è già collegata alla tua macchina locale nella directory themes del progetto. Puoi accedere e modificare i file del tema direttamente da lì.
  • Sviluppo su Webserver: Se stai sviluppando su un webserver remoto, tutti i file del tema sono già disponibili nel tuo ambiente di sviluppo remoto, senza necessità di ulteriori configurazioni.

Creazione di un Tema Child​

Per lavorare sulla personalizzazione dei file del tema, è consigliabile utilizzare il metodo standard di estensione dei temi tramite la creazione di un tema child. Questo approccio offre diversi vantaggi:

  • Continuità delle Modifiche: Le personalizzazioni saranno preservate anche in caso di aggiornamento del tema base.
  • Manutenibilità: Migliora la gestione del codice, mantenendo le modifiche separate dal tema base.

Procedura per Creare un Tema Child​

  1. Crea una Cartella per il Tema Child: Nella directory themes, crea una nuova cartella per il tuo tema child. Ad esempio, se il tema base è ecwear, potresti chiamare la nuova cartella ecwear-child.

  2. Aggiungi il File di Configurazione: All'interno della cartella del tema child, crea un file config/theme.yml con il seguente contenuto:

    name: ecwear-child
    parent: ecwear

  3. Includi i File Modificati: Copia solo i file che desideri modificare dal tema base alla cartella del tema child, mantenendo la stessa struttura di directory. Ad esempio, se vuoi modificare il file header.tpl, copia themes/ecwear/templates/_partials/header.tpl in themes/ecwear-child/templates/_partials/header.tpl e apporta le modifiche necessarie.

  4. Attiva il Tema Child: Accedi al backoffice di Prestashop, vai alla sezione Design > Tema & Logo e seleziona il tuo tema child come tema attivo.

Consigli per la Personalizzazione​

  • Utilizza le Override: Utilizza la funzionalità di override di Prestashop per personalizzare i file senza modificare direttamente quelli del tema base.
  • Mantieni una Struttura Chiara: Organizza i file all'interno del tema child in modo logico e coerente con la struttura del tema base.
  • Testa le Modifiche: Dopo ogni modifica, testa il sito per assicurarti che tutto funzioni correttamente e che non ci siano problemi di compatibilità.

Conclusione​

Seguendo questi passaggi, potrai estendere e modificare il tema di ECTOR in modo efficiente e sicuro, mantenendo la continuità delle tue personalizzazioni anche attraverso gli aggiornamenti del tema base.