Customization of Nop-Commerce

Nop-Commerce is an open source dot net e-commerce solution used to develop amazing e-commerce sites you can easily check them on sites

Nop-Commerce has implemented each and everything you need for e-commerce solution

Following is the basic structure of nop-commerce files,

_Root.Head.cshtml	Header and Body tags
_Root.cshtml	Main Div
	Header Links
	Top Menu
	Breadcrumb
	Footer
_ColumnsOne.cshtml	one main column (left image)
_ColumnsTwo.cshtml	left and main column (right image)

Structure and architecture of nop-commerce is clean and easy to understand, n-tier architecture has been used for this project and also they have used partial views

For example, single product view is treated as a partial view which gets the Id of product and in the master page, they are using for loop to recalling that partial view by sending Id in it.

Following are list of most used partial views

..\Nop.Web\Views\BackInStockSubscription\CustomerSubscriptions.cshtml

..\Nop.Web\Views\BackInStockSubscription\SubscribePopup.cshtml

<div class="page back-in-stock-subscription-page">

..\Nop.Web\Views\Blog\BlogMonths.cshtml

 ..\Nop.Web\Views\Blog\BlogTags.cshtml

<div class="block block-popular-blogtags">

..\Nop.Web\Views\Blog\BlogPost.cshtml

<div class="page blogpost-page">

..\Nop.Web\Views\Blog\List.cshtml

<div class="page blog-page">

..\Nop.Web\Views\Catalog\ManufacturerAll.cshtml

<div class="page manufacturer-list-page">

..\Nop.Web\Views\Catalog\ManufacturerNavigation.cshtml

<div class="block block-manufacturer-navigation">

..\Nop.Web\Views\Catalog\HomepageCategories.cshtml

<div class="category-grid home-page-category-grid">

..\Nop.Web\Views\Catalog\CategoryNavigation.cshtml

<div class="block block-category-navigation">

..\Nop.Web\Views\Catalog\CategoryTemplate.ProductsInGridOrLines.cshtml

<div class="page category-page">

..\Nop.Web\Views\Catalog\ManufacturerTemplate.ProductsInGridOrLines.cshtml

<div class="page manufacturer-page">

..\Nop.Web\Views\Catalog\PopularProductTags.cshtml

<div class="block block-popular-tags">

  

..\Nop.Web\Views\Catalog\ProductTagsAll.cshtml

<div class="page product-tags-all-page">

..\Nop.Web\Views\Catalog\Search.cshtml

<div class="page search-page">

..\Nop.Web\Views\Catalog\SearchBox.cshtml

..\Nop.Web\Views\Catalog\TopMenu.cshtml

..\Nop.Web\Views\Catalog\Vendor.cshtml

<div class="page vendor-page">

..\Nop.Web\Views\Catalog\VendorAll.cshtml

<div class="page vendor-list-page">

..\Nop.Web\Views\Catalog\VendorNavigation.cshtml

<div class="block block-vendor-navigation">

  

..\Nop.Web\Views\Common\AdminHeaderLinks.cshtml

<div class="admin-header-links">

..\Nop.Web\Views\Common\ContactUs.cshtml

<div class="page contact-page">

..\Nop.Web\Views\Common\ContactVendor.cshtml

<div class="page contact-page"> 

..\Nop.Web\Views\Common\CurrencySelector.cshtml

<div class="currency-selector">

  

..\Nop.Web\Views\Common\EuCookieLaw.cshtml

<div id="eu-cookie-bar-notification" class="eu-cookie-bar-notification">

..\Nop.Web\Views\Common\Favicon.cshtml

<link rel="shortcut icon" href="@Model.FaviconUrl" />

..\Nop.Web\Views\Common\Footer.cshtml

<div class="footer"> 

..\Nop.Web\Views\Common\HeaderLinks.cshtml

<div class="header-links">

..\Nop.Web\Views\Common\JavaScriptDisabledWarning.cshtml

<div class="noscript">

..\Nop.Web\Views\Common\LanguageSelector.cshtml

<div class="language-selector">

..\Nop.Web\Views\Common\Logo.cshtml 

<a href="@Url.RouteUrl("HomePage")">

..\Nop.Web\Views\Common\PageNotFound.cshtml

<div class="page not-found-page">

..\Nop.Web\Views\Common\Sitemap.cshtml

<div class="page sitemap-page">

..\Nop.Web\Views\Common\Social.cshtml

<ul class="networks">

.. \Nop.Web\Views\Common\StoreClosed.cshtml

<div class="page store-closed-page">

..\Nop.Web\Views\Common\StoreThemeSelector.cshtml

<div class="theme-selector">

..\Nop.Web\Views\Common\TaxTypeSelector.cshtml

<div class="tax-display-type-selector">

<div class="page compare-products-page">

..\Nop.Web\Views\Product\CompareProducts.cshtml

<div class="page account-page customer-info-page">

.. \Nop.Web\Views\Customer\Info.cshtml

<div class="block block-account-navigation">

..\Nop.Web\Views\Customer\CustomerNavigation.cshtml

<div class="page account-page customer-info-page">

.. \Nop.Web\Views\Customer\Info.cshtml

<div class="page account-page downloadable-products-page">

..\Nop.Web\Views\Customer\DownloadableProducts.cshtml