So after creating a ton of themes with nopCommerce using all sorts of different nopCommerce version there are a couple of pitfalls that every designer should look out for before building a theme for nopCommerce. None of these are wildly complicated, but they can really save you a head ache.
Upgrading nopCommerce can break your Theme!
Unforunately I have seen the HTML markup structure change a ton from version 1.4 to the current version of 1.9. If you are working on a team, building a theme for a client, or maybe you aren’t sure of the future of your store keep this in mind. If you upgrade the nopCommerce framework, there is a very good chance that your CSS will no longer match the store’s current DIV structure. So before you update nopCommerce, build a test site, apply your theme, and make sure it looks ok. Otherwise you will have a very nasty and time sensative problem on your hands.
If you are a designer mocking up a site for a client, take a look at the HTML structure before you toss up your site mock up and show the client this amazing site they could have. If your design requires changes to the HTML structure, this can be very tricky. nopCommerce is a mature ASP.Net project built with 100’s of modules, that represent small sections of HTML. If you are not comfortable editing these .aspx and .ascx pages then you need to stick with the basic HTML layout.
One other thing to note, if you change the .aspx and .ascx file you do not need to recompile. You can just change them on the fly and refresh the page. However keep backups of the pages, because if you create an run time error on that page and you are not a programmer it can be hard to figure out exactly what you did… worst case just email me! firstname.lastname@example.org
JQuery and Other Neat Stuff
Simple Development Package
I’m working on creating a zip file to allow all you dreamweaver designer types to download a package that will allow you to create nopCommerce themes locally on your hard drive. Once completed it will also include simple instructions on how to install the theme in your nopCommerce store. I’ll also toss in a cheat theme so you can have a solid starting foundation to create you theme. I’m in works of creating this so please email me if you want to know more about it. Please also include the version of nopCommerce you wish the package to support. email@example.com