magento extensions you love

Easy and rapid 1 step checkout!

Color Swatches Pro | v3.11.3

* Required Fields


Color Swatches Pro

CE 1.4.x - 1.9.x, EE 1.8.x - 1.14.x
Color Swatches Pro is a Magento color selector module which presents configurable products on a new level by animating boring text attributes. Be creative in presenting products to stand out in competitive crowd.
Use images for attributes selection
Let customers buy configurables from category pages
No need to specify price difference for associated products
Reload product images, name and description with AJAX
View image details with elegant zoom and lightbox effects

Color Swatches Pro

30 Days moneyback
50% Off updates
120 Days free support


Color Swatches Pro is a new name for popular Image-Based Dynamic Configurable Products extension.
magento color swatches
magento color swatch extension


Happy customers

See the examples of extension usage in different stores and get inspiration!

magento color picker extension example on product page
show product variations on one page with color swatch extension
choose colors on a product page with magento color swatch
show products of different colors on one page



Improve product presentation to deserve customers' trust.

color swatch magento

Let your customers see the final version of the product they are buying to reduce the returns resulting from customer frustration.

Customers can select image attributes as many times as they want to see different variants of the product, zoom images and eventually choose what they like.

new!Automatically use price of associated simple products, get rid of manual input of price difference.

By default in Magento you have to specify price difference for options of configurable products. E.g. color green +$10. No need to do this annoying thing anymore – now price of the simple products will be used automatically. So if you import a few thousand of associated products with updated prices, you will not need to spend a couple days updating price difference for configurable products.

Prove to customers that your products are of the highest quality.

In what way? - Give your customers a great view of the product. Using our Magento color picker extension, clients can zoom and see every detail of the product.

Master one more segment of users, who don't believe Internet is a place for shopping.

Convince your customers you are the one they should deal with by showing them products in detail without hiding anything.

Use images instead of plain text.

Apply images as options for configurable products and make your store intuitive for customers.

Upload images for all attribute sets for configurable products and then use the images for selection of configurable product options.

magento color swatches in action

new!Set product colors using Color Picker.

In case you need a solid color for any product attribute you can use our Color Picker option with a color palette. Moreover, it will take you only a few seconds to set a product color thanks to using CSS files.

Use images of associated products for swatches of one attribute, e.g. color.

You can save some time by using resized images of associated simple products for swatches of one of the attributes, e.g. color. Also this enables you to have unique Magento color swatches for each configurable product. All you need to do is select the attribute for which the feature should be activated. It can be selected individually for each product.

magento color swatches

Images are easier to understand.

In fact they are multi-language means of communication, which don't need to be translated. It will be a lot simpler and quicker for customers to select the right options.

Additional usability features.

With lightbox and product zoom options you make the process of image viewing a lot more user-friendly. Alternatively you can use images together with text.


new!Specify a default placeholder image for each attribute.

Upload a dummy image that will be used if no image is set for the attribute.

new!Cross out the swatches of out of stock products.

Due to the Out of Stock Option you can indicate which products of particular color or size are out of stock. This will help customers faster make their choice as they will immediately notice which product configurations are not available at the moment.

Enable selection of configurable products on category and search results pages to get more sales.

magento configurable product images
  • Display attribute icons on category pages.
  • Let your customers select options and add configurable products to cart right from the category page.
  • You can show icons for all attributes of configurable products, so customers will be able to select all product options on the category pages.
  • Enhance display of configurable products on category and search results pages by reloading Magento configurable product images when some configuration is selected.
  • Use these features to make configurable products easy to buy and get more orders.
  • new!Display Color Swatches with AJAX mode to speed up category pages download (in comparison to "default" extension settings).
  • new!Enable Reindex option to improve category pages performance.

Optimized content presentation.

Update product images and description according to customer input (with ajax).

The module can automatically load images and descriptions of the associated simple products chosen by customers. Let’s say a customer chooses nike brand and green color - the extension will show the images and descriptions of the simple product which stands behind these selections.

Visual effects.

Zoom and Lightbox effects work both for default configurable product images and for images loaded based on customer selections.

Automatic selection of attributes if only one option is available.

The extension will automatically select value for the attributes which have only one option available. For example, there is a cap which has three colors to choose from. When a customer chooses a color swatch with only one size available, the extension will automatically select the size.

Default image for configurable products with no images.

If you haven't uploaded images for some options of configurable products, now you can use default image for such options.

magento color swatches

Product image features.

  • Full size images and zoom of particular details.
  • Change thumbnail image size to adapt them to the style of your store and make the thumbnails looks as an integral part of your site design.
  • Lightbox option provides a good view of full-size images and user-friendly picture display.
  • Zoom effect offers to closely examine all the product details.
  • Ability to reset chosen product configurations.

Attribute image features.

  • Unlimited number of image attributes, which is especially handy when you sell products of high complexity.
  • Ability to specify dimensions of attribute images on product and category pages.
  • Ability to set up parameters for tooltip display.
  • Zoom effect for color swatches on mouse over.
  • new!Attribute images are added by simply dragging & dropping them into place.

Multiple configuration options.

  • Ability to upload images for all configurable product attributes
  • Full control over visual effects and content update features

new!Share URLs with set product options.

Now when you set different product attributes, product page URL is changing. New URL parameters are added to the current URL via # symbol. So it's possible to share URLs with predefined product options.

new!Possibility to display price for configurable products as "From X.YY".

Thanks to the extension you can show the price of configurable products in the "From X.YY" format. For example, if simple products have a difference in the price and the cheapest is equal to $12.50, you can display the price of configurable item as "From $12.50".

You can also consider using the solutions below to enhance product presentation:

Clearly inform customers about stock situation with Custom Stock Status extension. Create unlimited number of custom stock statuses, accompany them with nice icons, assign statuses to products manually or automatically and benefit from automatic quantity-based statuses. Let your customers upload images for products with Customer Product Images extension. They will provide real-life examples of product usage and motivate other customers to place orders faster.

7 reasons to choose
Risk-free Investment

30-day moneyback guarantee for all extensions. No questions asked.

Comprehensive Documentation

There is a detailed user guide with examples even for tiny addons. FAQ section and videos also available.

Solutions Which Work

Careful in-house testing ensures you get robust applications. Multiple stores support. Custom themes compatibility. All included.

Outstanding Support

Our support service is friendly and of high quality. And it is free. Unbelievably. Just check independent reviews at Magento Connect.

Usability and Performance

Nice and easy to use interfaces. Fast algorithms. Save your time and get things done.

Flexible and Easy Licensing

No product or store view or domain limits. No monthly fees. No hidden charges. One extension license for one Magento installation.

Long Term Strategy

We've been in the market for 5+ years. We're proud to be a Bronze partner and are planning to stick to Magento platform for years ahead. We're doing our best to build extensions which maximize effectiveness of your business. We're open to customers' suggestions and constantly update our products to match your needs.

Other Features

  • 100% Open Source — Easy To Customize
  • Follows Magento Code Architecture
  • Separated HTML/CSS/JS
  • W3C Validated Code

Online Extension User Guide

Product questions

Wrong product image is displayed in the shopping cart
Rate the answer?

If you want to display the image of a simple product added to the shopping cart, please check the following Magento settings:

1. System > Configuration > Checkout > Shopping Cart

2. Configurable Product Image > Product Thumbnail Itself

If you set the setting above, you will see a correct simple product image in the cart, not a default configurable one.

Please Note: It is not possible to show simple product name in the shopping cart.

How to change configurable products images on mouse hover?
Rate the answer?

If you use Color Swatches Pro and want the images of configurable products to change on mouse hover, please complete a few simple steps:

 1. Find the following file:
2. Find line
image.observe('click', this.configureImage.bind(this));
3.Change "click" to "mouseover"
That's all, now you can check how it works.
I can upload 20 images only
Rate the answer?

There is a value in the php.ini file which is called "max_file_uploads". It limits the number of file upload fields that can be handled on a single page. Please increase this value to something you need, and restart your web-server (Apache).  Generally, you can add the line in configurations:

php_value max_file_uploads 100

to the .htaccess file in the magento root folder.

Color swatches don't work on product page
Rate the answer?

There are several reasons why swatches are disabled in Color Swatches Pro extension. Let's consider them in details:


1. Conflict with other module.

Solution: to check if there is a conflict, please open Troubleshooter.

Troubleshooter is a tool which serves to find and resolve extension conflicts. It is available in every extension made by Amasty.

Let's see Troubleshooter at work:

Usually the conflict is in:



2. The images on Attribute Edit Page have not been uploaded.

Solution: please, open in your Magento admin panel

Catalog\Attributes\Manage Attributes\Color (or another required attribute)\Attribute Images

and upload the appropriate images.


3. There is no check mark in the checkbox on Attribute Edit Page.

Solution: please, open in your Magento admin panel

Catalog\Attributes\Manage Attributes\Color (or another required attribute)\Attribute Images

and put the check mark in the check box and press "Update Images".

I can’t upload the images
Rate the answer?

In case you can't upload images when using Color Swatches Pro extension, please, get acquainted with the following potential reasons:


1. There is no write permissions on the "media/amconf" folder.

To fix the problem, please, open the folder in your favorite FTP/SSH file manager and set 0777 permissions.

2. Make sure that you have pressed the “Update Images” button.


3. The server configuration max_file_upload prevents image uploading.

This occurs when attribute have many options and you try to upload the last one. To resolve the problem you need either increase the limit or upload images not more than about 10 at once starting with the first one.


It seems like JavaScript doesn't work
Rate the answer?

If you have JavaScript errors when using Color Swatches Pro extension, please, try to disable the jQuery file. Probably, your custom theme already has it included.


For this aim you need to open:

Admin panel/System/Configuration/Amasty Extensions/Color Swatches Pro/Advanced settings

and specify "no" in jQuery settings as shown below:


Product image isn't changed
Rate the answer?

If you have such issue when running Color Swatches Pro extension, please, make sure if the simple product images are uploaded.

Open Catalog/Manage Products/Associated Products and upload the required images as shown below:

The extension doesn't show swatches on category page
Rate the answer?

As far as you faced such problem while using Color Swatches Pro module, perhaps, there is no 'Add to Cart' button in your Magento theme. As a consequence, there are no swatches on category page.



To solve the problem, open

Admin panel/System/Configuration/Amasty Extensions/Color Swatches Pro/Advanced settings

and perform the actions that are shown on the picture:


There is a fatal error while extension running
Rate the answer?

if you're running several extensions there may be a fatal error because of their conflict.

Please, perform the next actions, which may help to you:




and delete the following:

if (!is_null(Mage::registry('product')))
Mage::register('product', $_product);


User-friendly, helpful and quite fast, I had no trouble understanding the settings. What else can I say? Brilliant!
At the end everything works perfectly
This was my first purchase from Amasty and it was not flawless. At first I had some conflicts which were fixed by the support team. A few days later something broke again and I wrote 3 emails to Amasty and received no answer. I cancelled the order and asked for money back.
As it turned out, the emails were not sent somehow and Amasty never received them. Once it was cleared out and all the issues were fixed, the extension works perfectly so I don't need to cancel the order anymore.
Better that default Magento color swatch
This is one of the main extensions in my store.
I've been using it for 2 years already. When I upgraded magento to 1.9 I thought that its color swatch would be similar and I won't need Amasty extension anymore. I tried it but soon understood that the extension is much more flexible than the default Magento color swatch. Good job, Amasty.
Excellent Product and Support
After suffering with a different extension from another developer , having this one from Amasty is a major improvement. Extension functions and when we needed any support at all of any type they always helped. For the launch of our new site we will be using nothing but amasty extensions.
You Can't Go Wrong With Amasty Extensions
We are using swatch pro for years now. Not only has it worked great, but Amasty support is great. We have recently updated the extension after upgrading Magento CE, they help us with all of our questions and reguests not only in a timely manner but accomplished what we are looking for.
We highly recommend to use Amasty's extensions.they will make it work for you and help you with anything extension related.
Ivan from support is great!
Great extension by even greater developers
Before we bought Color Swatches Pro we spent some time configuring RWD configurable swatches but there just wasn't enough of options.
After we bought Color Swatches Pro we had some problem with theme intergration. Even though those weren't bugs, they were more like extension modifications, Amesty support team helped to solve them.
If you are looking for attribute selector extension with images for sizes/colors/... instead of dropdowns, this is the extension for you.
Great extension & great support
It is working as expected.
Great improvement. The build in function from magento 1.9.1 doesn't really help.
Great support.
Takes Configurable products to the next level
Have used a number of extensions made by Amasty and have always received great support.
The Color Swatch Pro just takes the configurable products function to the next level as there is so much you can do with it to give the customer a more visual look and ability to select products easier.
Easy to install, and work with, but if you do have difficulty Amasty is there to help quite quickly.
Does what it says on the box.
Best extension and fast support!
Very multifunctional module! Best support! Very good work!
If you thought the Extension was good...
Not only does this extension give you loads of fantastic options to sell you products with colour block, images etc, it also changes the images once selected and the price and the title and the description!
It's brilliant just for the changing as any other website does (no in Magento) but to have the colours too is great.
But hang on, if only that was the end of my review. The support is out of this world. I have purchased a number of extensions from Amasty and whenever I have needed help or even tweaks, they step up and help. No, sorry that will cost you $£$£, no moaning, just happy to help and very knowledgable.
We trust these people so much we have purchased the bulk of all our extensions from them. Fantastic extensions and even more fantastic support! 5* all round!
Magento Connect
A must - have for a clothes store.
When you sell clothes and each piece has different colors, this extension is a must-have. We also have some products that are available with different textiles, so each option has its price. Amasty extension handles this perfectly as it automatically shows the price of the simple product that is currently chosen by customer.
Hey Amasty, thanks for that extension, it’s great regardless of all the bugs we found!

Magento Connect
Good Extention
The best extention
Kien Vu
Best Decision I've made with Magento Extensions!
Amasty has provided me amazing support in modifying and fixing the issues I have had with Color Swatches. I needed a lot of customization and they were able to make everything work!
I even had extra extensions added that color swatches has been integrated into.
I highly recommend this extension to anyone looking to bring great attribute images to your products.
It goes really well with their layered navigation as well!!!
Take a look at our website and see the great work they have helped to make!
stevendjackson, Magento Connect
Is a nice module
Is a nice module and when i had one problem they solved.
best colorswatch
good and light color swatch module i found in magento market! and great support from amasty
kai shien
Works perfectly
Easy to install, works as described, had one problem with my version of magento (compatibility with the extension) contacted support and they fixed the problem.
Amazing support.
andredomingos, Magento Connect
Perfect - Just what I had been looking for!!
Easy to install, and exactly what I had been looking for, a way for potential customers to easily select a configurable product by the use of simple images.
Support is 1st class, I had one minor issue with a feature and the support team fixed it within 30 minutes of my support ticket, you can't get much better than that.
I would have no hesitation in buying any Amasty product.
Well done guys!!
ameivaiow, Magento Connect
Great extension, excellent support!
This extension is really helpful when you have configurable products in various colors. I experienced some compatibility issues with my custom Magento theme, but Amasty support managed to solve the issue. Support was fast and dedicated. Thank you!
The best in its niche
This is one of the best color selector modules in the market. It's east configuration and numerous options have visibly facilitated the process of configurable items selection.
Works great with my custom theme
This is the only of the extensions I tried which started to work with my custom theme out of the box. That's really great, as I did not spend any time with my developer to make it compatible.
Great extension! New zoom is amazing!
The new zoom component is amazing! We've been using this extension for almost a year, and it becomes better and better with each update! Thanks Amasty!
dev support is unmatched
I don't know why anyone would by extensions from any other developer.

You don't want to be woken up at 2am because there is a problem with an extension. These guys write excellent code and support it too.

complicated install on a custom theme and they went above and beyond to get it working.
I have my entire extension budget earmarked to spend with these guys.
I cannot speak highly of them enough.

It looks like you are looking for a swatch solution and probably have evaluated 5 or so competitors. I did the same thing.In fact, I went in detail looking through all the features and ranking them to finally come up with amasty as the winner. save yourself all that hassle and buy this now. set and forget and go back to the fun reasons you started a store!

good luck
Does not play well with Enterprise
Although I really like this plugin, I have to give it only 2 stars as I spent an entire day debugging it due to the fact that it conflicts with Magento's built-in Enterprise zoom. The Jqzoom that comes with Enterprise has an older version of Jquery and that prevents this plugin from working correctly. After deleting that older version I was able to get this to work but it was a lot of trial-and-error before figuring that out. Please include this in the directions so others don't have to spend that time.
Best color swatch / Configurable product extension of them all
We had tried two other colour extensions for Magento, but both of them lacked features and development was either very slow or non existent. Amasty on the other hand is a company that never fails to keep things up to date and is always improving their extensions. Color Swatches Pro is not just a perfect colour managment system it is also a greatly simplifies the managment of configurable products in Magento with Ajax.
Best extension company ever!
Very good working extension with good configuration options. The support answers quick and is very helpful...

HolDenWagenHarry , MagentoConnect
It worked for me!
After installing the extension customers stopped asking so many questions about appearance of goods (I'm selling shoes). It's much easier to work now. Great extension and functionality.

Draumy, MagentoConnect
Fantastic - Don't go elsewhere for your color swatch extension!!!
Firstly, the support from these guys is first class - they respond quickly and actually give you good news instead of bad. Their code is excellent also.

These guys are the best, they helped me to integrate the plugin to my custom template - something which was a bit difficult. But to them, they just did I think out of the love for programming and solving problems :)

They have free plugins and obv paid ones, I am now using two of their fantastic plugins and will no doubt be looking to buy some more of them.

DON'T BUY YOUR SWATCHES PLUGIN FROM ANYWHERE ELSE - this is the best one by far. Trust me on this, this one has the most functionality and ease of use. The fact that I can let cusotmers buy from the catalog pages is obviously going to increase conversion rates.

DO INVEST IN THIS IF YOU WANT TO HAVE A BETTER CATALOGUE THAN THE COMPETITION - it's ease of use for customers will pay itself off in only a few sales.
Works great for Configurable products
When using this with configurable products the name, price, product image and description changes when the option image is clicked. This lets the customer see exactly what they are buying. Really great extension.
Can confirm it works with 1.7.2 and custom theme
I installed the plugin but it didn't work first try, this was quickly rectified by Amasty team.

I'm using a custom theme with Wordpress integration and quite a bit of custom code - the plug-in still works really well.
Great Customer Service
I had some problems to customize this extension, but the support helped me a lot. thank you
very good
I am always looking for a color swatch that can use the simple products thumbnail as color option. Now I found it.
Awesome support, great plugin!
Easy install process. But we use an own theme, and the support team helped us really quickly. We got of every question an answer and all little problems would solved. Now we have a better user experience for our guest, like it should be. 5 stars!
The developer support is fast and excellent
the support helps me everytime to find a fast and optimal solution. Thank you!

Write Your Own Review

You're reviewing: Color Swatches Pro

Version 3.11.3 - Jun 19, 2015
– Performance increased on large catalogs
– Better compatibility with 3-rd party JS libraries
Version 3.11.2 - Jun 05, 2015
– Minor improvements
Version 3.11.1 - Apr 16, 2015
– Minor improvements for color picker and layout
Version 3.11.0 - Mar 20, 2015
– JS slider added for swatch images on product view page
– Now it's possible to upload a default placeholder image for each attribute
– Product page URL is modified (with #) when changing product attributes, so it's possible to share URL to specific configuration
– Settings block modified to improve usability
Version 3.10.1 - Mar 02, 2015
– HTML5 file upload and drag and drop features added
– Color picker added: it's now possible to use either uploaded image or selected color
Version 3.9.12 - Feb 11, 2015
– Optimisation of settings block
Version 3.9.11 - Jan 22, 2015
– Possibility to display price for configurable products in "From X.YY" to comply to law in some countries requiring to display price variation
Version 3.9.6 - Oct 27, 2014
– Indexing implemented to improve speed on category pages
– Minor improvements
Version 3.9.2 - Aug 20, 2014
– Cross out unavailable items with white line
Version 3.9.0 - Aug 07, 2014
– Swatch settings moved to attribute edit page (separate settings for each configurable attribute)
– New tooltips for swatch mouse over
– Possibility to display zoomed image on mouse over
Version 3.8.8 - June 26, 2014
– Tested with latest Magento CE 1.9 release.
Version 3.8.7 - Apr 11, 2014
– Code refactoring and optimization
Version 3.8.6 - Feb 25, 2014
– Compatibility with Magneto CE 1.8.1 and EE 13.1.2 has been verified
Version 3.8.6 - Feb 20, 2014
– Minor bugfix for zoom component.
Version 3.8.5 - Jan 31, 2014
– Speed improvements
– Product thumbnail size setting for category page
– Minor bugfix
Version 3.8.4 - Dec 02, 2013
– Better compatibility with 3-rd party extensions
– Minor bugfix
Version 3.8.3 - Nov 24, 2013
– Code refactoring and performance optimization
– Database optimization
Version 3.8.2 - Oct 29, 2013
– Fix for incorrect special price when reloading product
– Minor CSS fix for zoom component
Version 3.8.1 - Oct 17, 2013
– Compatibility with 3-rd party zoom plugins improved
– Now it's possible to enable zoom for all types of products
– Incorrect installation script file deleted
Version 3.8.0 - Oct 16, 2013
– Zoom component replaced with more efficient and powerful
– Zoom functionality totally refactored
– Zoom now supports mobile devices
– Bug fix for category page compatibility
– Better compatibility with 3-rd party extensions
Version 3.7.7 - September 30, 2013
– Code optimization.
Version 3.7.6 - July 4, 2013
– Bugfix of price processing.
Version 3.7.4 - July 4, 2013
– Speed improvement and code refactoring.
Version 3.7.1 - June 25, 2013
– "Title" and "alt" attributes added to image elements.
Version 3.6.2 - June 4, 2013
– Better compatibility with Improved Navigation.
Version 3.6.1 - May 24, 2013
– Ability to take price of associated simple products for options of configurable products.
– Automatic selection of attributes if only one option is available + setting.
Version 3.5.7 - May 8, 2013
– Empty upload fields are now disabled to avoid limit overhead.
Version 3.5.5 - April 12, 2013
– Translation fix.
Version 3.5.4 - March 6, 2013
– Bugfix for titles.
Version 3.5.3 - February 21, 2013
– Fix for incorrect table name.
– Fix for reloading images with 3 or more attributes.
Version 3.4.2 - February 12, 2013
– Code optimization and improved compatibility with 3-party extensions and design themes.
Version 3.3.0 - February 5, 2013
– Ability to use images from simple products for swatches.
Version 3.2.2 - January 10, 2013
– Bugfix of reload of images when first attribute selected.
– Fix for lightbox/zoom in IE7/8.
Version 3.2.0 - November 5, 2012
– Effects for image changes.
– Bugfix for IE.
– Minor design modifications.
Version 3.0.2 - October 31, 2012
– Display of attribute icons on category pages.
– Ability to select options and add configurable products to cart right from the category page.
– Product images on category pages are reloaded when some configuration is selected.
Version 2.0.2 - October 9, 2012
– Fix of compatibility issue with Product Labels.