nopAccelerate

Faster, scalable and reliable nopCommerce.

nopCommerce

nopCommerce Review – All you Need to Know about nopCommerce

Introduction to NopCommerce:

NopCommerce is a feature-rich eCommerce platform that facilitates the development of interactive eCommerce websites. It is the best open-source eCommerce platform capable of supporting both individual entrepreneurs and large businesses.

All About NopCommerce

NopCommerce an Open-Source & Free E-commerce Solution!!

Compared to other open source e-commerce solutions, nopCommerce project structure is well organized, highly scalable and easy to customize. The best thing about nopCommerce is that it is “Free” there are no hidden fees or any other traps. (more…)

Give your visitors amazing user experience with our Previous Next plugin for nopCommerce

Do you want to save your customer’s time from navigating one product to another one? Or want to enhance your product navigation process and make it more user-friendly. Our Previous Next Product Navigation Plugin for nopCommerce does exactly same.

Many eCommerce sites lose customers when they stuck between product and category navigation. That can damage your stores first impression. That user may not come again for shopping if your site’s user experience is not good.

So to increase your user experience which makes your store much better from your competitors. (more…)

Announcing Free nopCommerce Starter Theme built on Bootstrap

We are feeling so happy and glad to announce and release the free nopCommerce Starter Theme built on Bootstrap.

As a committed member of nopCommerce community, we are happy to contribute this theme for free to everyone who wants to build his store on nopCommerce and at the same time, wants to use Bootstrap Front End UI Framework, the de-facto standard for front end user interface development for Mobile & Web Development. (more…)

nopAccelerate is now official solution partner of nopCommerce

nopcommerce logoWe are glad to announce that nopAccelerate is now a Silver Solution Partner of nopCommerce, one of the best and fastest growing e-commerce platform for asp dot net.

We are happy to announce that nopAccelerate (a business unit focused to serve nopCommerce related services) is now official partner of nopCommerce. Xcellence-IT has been serving its customers under the trade name of nopAccelerate and also offers plugins, theme development and customization services for nopCommerce.

NopAccelerate has been offering best-in-class e-commerce solutions to its clients across the globe for the last 2+ year using nopCommerce. The partnership will enable nopAccelerate to offer its clients reliable and professional nopCommerce development services.

How to add CSS and JS resource files into nopCommerce Plugin Views

If you are a nopCommerce developer you will definitely come across a situation where you need to add a custom resource files like CSS and JS to your nopCommerce plugin’s view files.

For most developers working on the nopCommerce for the first time, the simplest way to add such files is to directly add their references into plugin’s view files. However, this is highly not recommended. For your nopCommerce plugin to work correctly, you need to ensure that you’re using the standard way to add your resources.

If you already know, nopCommerce do a bundling of the JS and CSS files on the fly for performance optimization. However, if you’re using a direct link to resource files, it won’t include your JS and CSS files during bundling. Moreover, there may be chances of other issues as well.

So here are the simple steps for you to add your custom resource files into your nopCommerce plugin’s view files.

Before you begin, you should have a well organized plugin folder structure. For CSS you can use Content folder, and for storing your JS files, you may use Script folder. Here is the screen shot from one of the existing plugin of nopCommerce.

nopcommerce plugin folder structure

Screenshot of nopCommerce Plugin Folder – Displaying how to organize your CSS and JS files

Move your CSS and JS files into appropriate folder. It is not compulsory to follow this folder structure, but if you’re using standard structure then it becomes easier for your and others working on it in future, and you don’t need to remember where you stored it.

Now, to load resource files correctly you need to add its references into your plugin’s view files.

You can use Html.AddScriptParts() or Html.AddCssFileParts() helper methods.

  • Html.AddCssFileParts() method has two parameters first is optional and second is required.
  • Html.AddScriptParts() method has three parameters first and third is optional and second is required.

You can check into more details about this methods by going to its definition in your nopCommerce projects.

Coming to the point, here is how you can add resources into your Plugin’s view file.

@{
     //Loading CSS file
     Html.AddCssFileParts(ResourceLocation.Head, "~/Plugins/{PluginName}/Content/{CSSFileName.Css}");

     //Loading js file
     //Third parameter value indicating whether to exclude this script from bundling
     Html.AddScriptParts(ResourceLocation.Foot, "~/Plugins/{PluginName}/Scripts/{JSFileName.js}", true);
}

 

If you want to add resource link in the header then you can use ResourceLocation.Head and for footer you can use ResourceLocation.Foot. Note that you need to give correct plugin name and resource file name in above, and then it will work.

If you have any question, make sure to post your issue at nopCommerce forum. And if you’re looking for professional nopCommerce development company, make sure to checkout the amazing nopCommerce services we offer.

Fill in form

and we will contact you

How can we help ?

Schedule a quick call, 15-minute meeting with one of our experts:

Thank You !

Our consultant will contact you in 24 hours.

Delivering generous mobile apps for Entrepreneurs, Startups & Businesses


Have a look at nopAccelerate Demo Store with 80,000+ products with nopAccelerate Solr and CDN Plugin.

download-trial Start Trial