nopCommerce Tips: Creating a Custom Layout, Part 1 – Getting Started
Written by Carole Bennett Friday, 27 July 2012
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.
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!