Creating a Unique Home Page Design

This article describes how to create a unique looking home page (or landing page). The goal here is to have a home page that is a different looking design than the rest of the store, that way we keep the current nopCommerce Theme but show the home page in a different way. Many designers choose to do this to advertise …

Finer Points of Theme Design in nopCommerce

So I was going to skin a store for a client and ran into a couple of issues that I had not noticed before that I could not correct using just CSS. Here is a break down of the issues White Background on Star Rating for Products So I guess it finally happened, and I changed the background color to …

Customizing Emails in NopCommerce

One the more forgotten features… until you run that final test of a real order through you system, is formatting the email messages generated by nopCommerce. You want to make sure that the emails have some relation to your actual site theme and logo if you have one. You can see all the email messages that nopCommerce uses by going …

nopCommerce HTML DIV Structure

Sometime its nice to have an idea of the page structure before you start designing. So here is a quick break down of the div structure of an unaltered nopCommerce home page. This is the breakdown of a 3 column page layout for nopCommerce 1.90. I have removed the majority of the content so you can just view and quickly …

Making Changes to HTML in nopCommerce

You may have noticed if you read my post on creating your own nopCommerce theme that I said if you need to stay away from making major HTML changes. The reason for this is because you don’t want to mess up all the clean little modules that nopCommerce is built with. Well this is the first of many post that …

Altering ASP.Net HTML Helpers Attributes

I had a hard time find information on how to modify basic attributes like cols, rows, width, or anything else you might want. Here is the syntax to alter many attributes … <%= Html.TextArea(“Example”,null, new {@width = “650”,@cols=”100″,@rows=”50″}) %> This code will generate the follow HTML markup… <textarea cols=”100″ id=”Example” name=”Example” rows=”50″ width=”650″> You can add anything you might need …