Geek Answers Handbook

HTML for nopCommerce theme

I am new to nopCommerce and am trying to make HTML for a theme on it. I was looking for a lot of things, but couldn't get the right way to create a custom nopCommerce theme, could anyone help,

Thanks in advance

+7
source share
4 answers

The easiest way:

  • Copy the folder from ~/Themes/DarkOrange to ~/Themes/YOUR_THEME . Change the corresponding elements in theme.config.

  • If you need to change any view, copy this view from ~/Views/SUB_FOLDER/FILE_NAME.cshtml and paste it under ~/Themes/YOUR_THEME/SUB_FOLDER/FILE_NAME.cshtml .

    For example, if you want to change the code in ~/Views/Shared/_ColumnsOne.cshtml , copy this file and paste it under ~/Themes/YOUR_THEME/Shared/_ColumnsOne.cshtml .

  • If you do not need to change any representation, then modifications to ~/Themes/YOUR_THEME/Content/styles.css enough. (Also make sure you update ~/Themes/YOUR_THEME/Views/Shared/Head.cshtml to point to your CSS)

Rule of thumb: nopCommerce will look for a specific presentation in your topic. If he cannot find the view, he returns to the original views in ~/Views . Otherwise, your theme views will override the original views.

+17
source

Help a bit here: Overview (Designer's Guide)

+3
source

In addition to the designer's guide, there are some good articles describing why and how to use nopCommerce themes:

Why nopCommerce theme?

How to create nopCommerce themes

+3
source

Copy all the files inside ~/Views to your Themes: ~/Themes/YourTheme/Views

Then just modify the .cshtml file inside.

Hope this helps!

0
source

More articles:


All Articles