For example

In magento have added two custom options as Size(S,L,XL) and Color(RED,BLUE).

But in frontend i have to show the size as


And color as


Ideas welcome.

  • which type of product is this ? you add custom options as dropdown? – Rajeev K Tomy Feb 28 '14 at 10:29

There are lots of extension in magento store(magento-conect), search by color swatch you may get some modules what you need,


some freemodules:

http://www.magentocommerce.com/magento-connect/gala-color-swatches-free-1.html http://www.magentocommerce.com/magento-connect/color-swatch-1.html http://www.magentocommerce.com/magento-connect/configurable-colors.html

some paid modules:

http://www.magentocommerce.com/magento-connect/product-color-swatch.html http://www.magentocommerce.com/magento-connect/color-swatch-with-zoom.html

use what you like

| improve this answer | |

I suggest you create classes using the color names and modify the filter labels to add that class (given the option name) and have a nice CSS behind that to display some nice squares.

As far as sizes are concerned, you could either do the same, or use custom font-icons.

| improve this answer | |

I have developed new module Option swatches that allow to display option swatches on product details page and product list page by replacing drop-down custom options or configurable product's options.

Check here http://hkpatel201.blogspot.in/2015/01/product-custom-option-pro-with-optionswatch.html

For Magento2: Product Custom Option Swatches For Magento 2

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.