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.