NopRoot

• latest update: 16/10/2014
• by: NopStation-23
• Follow Us on codePlex : nopRoot

This is a step by step guide on how to install NopRoot as your NopCommerce theme.

To install NopRoot you  must first have nopcommerce. Here's the official nopcommerce website http://www.nopcommerce.com/

Then you have to download the NopRoot theme. It is a free theme available to NopCommerce users. Here is the download link of NopRoot http://www.nopcommerce.com/p/1381/noproot-bootstrap-theme-free.aspx

• After you download the theme, you have to extract the .zip folder. Use your favourite extractor to unzip the folder and there you will get a file named NopRoot. This is the theme folder.
• Then copy the NopRoot folder to the Presentation\Nop.Web\Themes directory.
• Go to admin panel and select Configuration>Settings>General and Miscellaneous Settings. There set NopRoot as your Desktop Store Theme. 

Here is a screen shot for your ease. 

You are ready to go!!

Customize color:

For versatility, we have made the NopRoot theme in four colors. Those are Red, Green, Blue and Black. Users can use any of these four colors, and if he wishes, he can use his own color coding. He just have to replace the color code in any css file from NopRoot\Content\color-styles and edit \NopRoot\Views\Shared\Head.cshtml  file to use that specific css file. 

If you want to use one of the four given color which comes along with the NopRoot theme, you just have to go \NopRoot\Views\Shared\Head.cshtml and there you will find the necessary instruction to activate each color. You just have to comment/uncomment. 

Customize logo:

Ofcourse you want to or have to use your own logo in your own site. Using your own logo is pretty easy task. You don't have to change any code. Just go to Presentation\Nop.Web folder of your NopCommerce site and change the favicon.ico file with your own logo.

Note: You must name your logo file favicon and it must be in ico format. Otherwise you will not be able to use that logo in the theme. 

Here's some frequently asked questions-

Question: How do I customize the color of the theme? 

Answer: NopRoot theme is available in 4 colors( Red, Blue, Green and Black). To change color go to Presentation\Nop.Web\Themes\NopRoot\Views\Shared\Head.cshtml. There you can get the necessary instructions about picking diffrerent colors. 

Question: How do i use the theme?

Answer: Download the NopRoot.zip folder. Extract it and put the NopRoot folder in your Presentation\Nop.Web\Themes directory. Go to the admin panel and go to Configuration>Settings>General and Miscellaneous Settings. Set the NopRoot theme as Desktop store theme. It will set NopRoot as your default NopCommerce theme. You can also select the theme from theme selector at the bottom of the page. 

Question: Where should I put the NopRoot folder?

Answer: After downloading, extract the zip file with your favourite extractor. Then put the NopRoot folder in your Presentation\Nop.Web\Themes folder.