Come personalizzare il layout dei temi grafici

Il sistema di estensioni e aggiunta funzionalità di SuiteCRM è valido anche per la riscrittura dei temi grafici. Articolo valido per versioni precedenti la 7.10

Per le nuove versioni successive la 7.10 fare riferimento all’articolo: Personalizzare il layout dei temi grafici per versioni 7.10+

Le modifiche al tema grafico di SuiteCRM possono essere fatte dalla cartella

custom/themes/<nome del tema>

all’interno di questa cartella si possono inserire o riscrivere gli stili css e le funzioni javascript, oltre che sostituire e/o aggiungere immagini e modificare le pagine di template.

Comunemente gli interventi di modifica che sono necessari sui temi preesistenti sul CRM riguardano css e javascript. Per fare questo è sufficiente creare due nuove cartelle con i rispettivi files sotto “custom/themes/<nome del tema>”

custom/themes/<nome del tema>/css/style.css

custom/themes/<nome del tema>/js/style.js

Questi 2 nuovi files saranno rilevati automaticamente da SuiteCRM che ne caricherà i contenuti e le conseguenti modifiche agli stili.

I template di SuiteCRM sono costruiti attraverso il motore SMARTY

Smarty è un motore di template per PHP. Più specificatamente, fornisce un modo semplice di separare la logica e il contenuto dell’applicazione dalla sua presentazione. Questo concetto si può comprendere meglio in una situazione in cui il programmatore ed il progettista dei template hanno ruoli diversi, o nella maggior parte dei casi non sono la stessa persona.

La modifica e la creazione dei file di template (.tpl) dei temi richiede la conoscenza di questo strumento e di come utilizzarlo correttamente per mantenere la giusta separazione tra la lavorazione delle informazioni e la loro rappresentazione a video.

ATTENZIONE: perché il CRM rilevi le modifiche grafiche e carichi correttamente i nuovi files, potrebbe essere necessario effettuare un “repair e rebuild” dall’amministrazione.

[ninja_form id=7]