Documentazione
torna al sito web >

Theme caricabile per nopCommerce

A partire dalla versione 4.10, i layout (= themes) come i plug-in standard possono ora essere inseriti anche in un file ZIP, in modo che possano essere caricati tramite il centro amministrativo alla voce "Configurazione\Plugins".

Infine, la singola sottocartella con i file di tema è contenuta in un file zip nella cui directory principale è contenuto anche un file di descrizione.

Questo file aggiuntivo "uploaditems.json" ha la seguente struttura:

[
{
"Type": "Theme",
"SupportedVersion": "4.10",
"DirectoryPath": "EULANDA-White/"
}
]

Queste informazioni sono memorizzate in formato UTF-8 come testo. Questo può essere fatto meravigliosamente con il Notepad di Windows.

Assicurarsi che l'opzione "Nascondi estensione file per tipi di file noti" non sia attivata in Esplora file in Opzioni, perché in tal caso l'estensione ".txt" verrà aggiunta in modo invisibile, ma presumibilmente verrà visualizzato il nome file corretto.

Sotto la radice zip, accanto a questo file aggiuntivo, si trova solo la cartella principale dei file di tema specificati sotto "DirectoryPath" nel file aggiuntivo, cioè "EULANDA-White".

Di seguito sono riportati i file normali come con qualsiasi tema. Così le cartelle "Content" e "Views" con le rispettive sottocartelle.

Ad esempio, una struttura completa potrebbe assomigliare a questa:

\uploadeditems.json
\EULANDA-White
\EULANDA-White\preview.jpg (510px x 333px)
\EULANDA-White\theme.json
\EULANDA-White\Content
\EULANDA-White\Content\Css
\EULANDA-White\Content\Css\ie8.css
\EULANDA-White\Content\Css\print.css
\EULANDA-White\Content\Css\styles.css
\EULANDA-White\Content\Css\styles.rtl.css
\EULANDA-White\Content\Css\Images
\EULANDA-White\Content\Css\Images\*.gif *.png ecc.
\EULANDA-White\Views
\EULANDA-White\Views\_ViewImports.cshtml
\EULANDA-White\Views\Shared
\EULANDA-White\Views\Shared\Head\Head.cshtml

Il nome del file zip è irrilevante. Le proprietà del tema vengono specificate tramite il file json "theme.json".

Il file del tema in questo esempio ha il seguente contenuto:

{
"SystemName": "EULANDA-White",
"FriendlyName": "EULANDA-White",
"SupportRTL": false,
"PreviewImageUrl": "~/Themes/EULANDA-White/preview.jpg",
"PreviewText": "'EULANDA-White'"
}

Il contenuto dell'esempio è stato preso essenzialmente dal tema standard di NopCommerce "DefaultClean".

Dopo l'installazione del plugin, il tema è disponibile nella solita posizione sul server web.