nopCommerce Tips: Let Your Customers Filter Products by Color

It’s not uncommon for e-commerce sites to be centered around fashion; and of course, one of the main components of fashion is color. Quite often, your customers will want to search on fashion products based on color schemes, which can be more than a little problematic. Here’s how to solve your dilemma using nopCommerce.

First, we’ll go on the premise that you have a working nopCommerce-based site already set up, and products with descriptions already loaded and ready to go.

Now let’s go to your nopCommerce Administration area, and navigate to Catalog/Attributes/Product Attributes. You’ll notice that one of the default attributes for products is Color; if you don’t see this attribute, you’ll want to add it at this screen, and save.

After that step, you’ll want to go back to Catalog/Products/Manage Products – choose a product you wish to set colors for. You’ll want to go into the product variant of the product you’ve chosen, and click on the tab labeled “Product Variant Attributes”. Click “Add New Record”, and in the dropdown that will appear below it, select “Color”, and fill in the rest of the boxes/dropdowns as appropriate.

The final step is to add the actual color: click on the link labeled “View/Edit Value: Total (0)”; here, you’ll add your color(s). Now that part’s complete!

The very last step is to leverage the Nop Ajax Filter plugin by Nop-Templates. This filter will pick up the attributes you’ve specified, and allow your users to select the available color attributes listed in order to filter by color. They’ll love having the option, and you’ll enjoy the resulting customer loyalty.


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 *