NopCommerce: custom store theme

Dopo l'ultimo post sulla customizzazione di una pagina a livello di store mantenendo invariato il link di accesso, parliamo ancora di NopCommerce. In questo post vedremo come associare ad uno store un tema. Questo ci serve a personalizzare, per esempio, colori e logo dei vari store.

Nella cartella Themes creiamo una nuova cartella con il nome che si desidera dare al tema stesso.
Theme Folder

Nel nostro esempio abbiamo tre temi, ognuno contentente i files con le immagini, le viste e gli stili personalizzati.

Andiamo poi nell'amministrazione di NopCommerce, in Configuration > Settings > All Settings e aggiungiamo una riga con nome storeinformationsettings.defaultstoretheme, valore uguale al nome del tema (e quindi della cartella) e associato allo store desiderato.
Settings Avremo quindi la tabella sei settaggi aggiornata con i nostri valori. Come si vede un tema può essere associato a più store.

Passo non fondamentale ma consigliato è l'aggiornamento del file theme.config presente nella cartella del tema e il cui contenuto serve alla gestione dei temi per mostrare il nome assegnato e l'anteprima del tema stesso:

<?xml version="1.0" encoding="utf-8" ?>
<Theme title="PBLottery" 
       supportRTL="true"
     previewImageUrl="~/Themes/PBLottery/preview.jpg"
     previewText="The 'PBLottery' site theme.">
</Theme>