nopCommerce Tips: Creating a Custom Layout, Part 1 – Getting Started

nopCommerce is absolutely amazing open-source e-commerce solution; robust, flexible and extensible, with a terrific community of developers who leverage and support it. This community also provides a wide array of free and premium add-ons to help further extend the capabilities and appearance of your nopCommerce installation. Today, we’ll go through the steps of getting started with your custom layout.
The folks over at Nop-Templates have been so kind as to allow me to take their products for a test drive, so we’ll cover their products I’ve chosen to implement for the custom design I’ve shown here. Open source is great for being able to write your own code, but there are times that it’s just faster and smarter to use products someone else has already put into place.
I’ve chosen to leverage their “ShopAll” theme, because it’s already very similar in layout to what I’ve already designed for my client, a custom jeweler.  As you can see, there’s going to be quite a lot of adjustments to get from the ShopAll theme to the customized look and feel for this client. One of the really great things about this template is that it also comes with these plugins: the Nop Ajax Filters, Nop Anywhere Sliders, Nop Quick Tabs, Nop Cloud Zoom, Nop Smart SEO, Nop Instant Search and Nop Ajax Cart. However, most of the alterations we’ll cover are applicable to any nopCommerce template.

This is what we’ll be starting with

…and this is what we’ll get when we’re finished.

 To begin: make a copy of the starter theme you intend to use and activate it, as describe in the nopCommerce Designer’s Guide. You can make a copy of an existing theme, or a third-party theme such as those available through Nop-Templates. Name it something appropriate to your project, so that you still have the original to refer to if necessary.
We’ll leave off here today, and pick up on Part 2, which will be how to customize the navigation menu. See you soon!


Looking for quality nopCommerce Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , , | Posted under nopCommerce | RSS 2.0

Author Spotlight

Carole Bennett

Carole Bennett is the founder and principal of IndigoTea. As a professional IT consultant, Carole has provided solutions for companies as diverse as Verizon, Frito-Lay, Capital One Auto Finance, and Zales Jewelers, parlaying a unique talent for acting as a translator between the worlds of business challenges and technology solutions. She considers multi-tasking skills gained from simultaneously 1) managing a fire performance troupe, 2) raising a family, and 3) working as a full-time IT consultant excellent preparation for her current career incarnation as the driving force behind IndigoTea. "Fire-breathing redhead on a mission" is not just a metaphorical description!

Leave a Reply

Your email address will not be published. Required fields are marked *