How To Install nopCommerce Theme File
by DDP Store (DigiPub Japan)
http://www.digipub.biz/40nop20Mvc
[1.How to register a new theme file]
In nopCommerce, it is comparatively easy to add a new theme of design.
As far as nopCommerce version 2.3 is concerned, the directory structure in the server is as follows.
./Administration
./App Data
./bin
./Content
./Plugins
./Scripts
./Themes
./Views
[1.1 Register a new theme]
All the files of a new theme should be copied under the "Themes" directory as one directory. They should be uploaded by FTP software etc. For example, if you want to use "DjBrown" theme, follow the steps below.
1. Unzip the theme file. It will create "DjBrown" directory and other data under the directory.
2. Upload this "DjBrown" directory into "Themes" directory mentioned above.
3. Select "Configuration" --> "Settings" --> "General and Miscellaneous Setting" in the "Administration" page.
4. Select "Store information" tab page and select "DjBrown" from the drop down list of "Store theme."
5. Click the upper right "Public store" to open the public store. The new design page of "DjBrown" will be shown.
[2. How to change the logo image]
It is possible to change the logo image by editting "content/styles.css" in the installed directory under "Themes."
[2.1 Edit Styles.css]
A specific image filename is set in this "styles.css" as follows.
a.logofbackground:url(images/DjLogo BackBrown01 225x60.png);
[2.2 Make New Logo Image]
It is necessary to make a new logo image by some image editor.
The file must be an image (Png, Jpeg or Gif) file with 225 pixels in width and 60 pixels in height. And you need change the filename in "styles.css" mentioned above. For making this process easier, we provide a PaintShopPro file and blank image file with the same background color. It is necessary to use the same color to harmonize with the header background color. Please be careful not to change the background color or image.
For example, in DjBrown the following files are enclosed in "content/images" directory.
djlogo backbrown01 225x60.psp (PaintShopPro file)
djlogo blankbackbrown01 225x60.png (Blank image file)
After making a new logo image file, you need to upload it to the same "content/images" directory in the remote server. And you need also to upload the new "styles.css" file to "content" directory.
Then the logo image will be changed.