Test outstanding layered navigation

Amasty is Magento Bronze Industry Partner Certified developers working at Amasty Check the latest reviews at Magento Connect

  • My Cart

    Your cart is empty

    You have no items in your shopping cart.

* Required Fields

Excellent service guarantee!

Color Swatches Pro v3.11.0

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

Magento CE 1.4.x - 1.9.x, EE 1.8.x - 1.14.x


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.

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!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!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
Risk-free Investment

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

Comprehensive Documentation
Comprehensive Documentation

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

Solutions Which Work
Solutions Which Work

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

Outstanding Support
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
Usability and Performance

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

Flexible and Easy Licensing
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
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

Questions & Answers

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);


Customer Reviews
A must - have for a clothes store.Review by Alexander_De
Overall extension rating
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 (Posted on 12/22/14)
Good ExtentionReview by Kien Vu
Overall extension rating
The best extention (Posted on 7/30/14)
Best Decision I've made with Magento Extensions!Review by stevendjackson, Magento Connect
Overall extension rating
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!
http://tugasunwear.com (Posted on 7/13/14)
Is a nice moduleReview by Soporte64
Overall extension rating
Is a nice module and when i had one problem they solved. (Posted on 7/6/14)
best colorswatchReview by kai shien
Overall extension rating
good and light color swatch module i found in magento market! and great support from amasty (Posted on 6/24/14)
Works perfectlyReview by andredomingos, Magento Connect
Overall extension rating
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. (Posted on 6/12/14)
Perfect - Just what I had been looking for!!Review by ameivaiow, Magento Connect
Overall extension rating
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!! (Posted on 6/10/14)
Great extension, excellent support!Review by Matthijs
Overall extension rating
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! (Posted on 2/1/14)
The best in its nicheReview by Nana
Overall extension rating
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. (Posted on 11/26/13)
Works great with my custom themeReview by mikkello
Overall extension rating
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. (Posted on 10/28/13)
Great extension! New zoom is amazing!Review by Dan
Overall extension rating
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! (Posted on 10/25/13)
dev support is unmatchedReview by shazmo
Overall extension rating
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 (Posted on 10/4/13)
Does not play well with EnterpriseReview by Maia
Overall extension rating
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. (Posted on 8/20/13)
Best color swatch / Configurable product extension of them allReview by clivio
Overall extension rating
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. (Posted on 6/26/13)
Best extension company ever!Review by HolDenWagenHarry
Overall extension rating
Very good working extension with good configuration options. The support answers quick and is very helpful...

HolDenWagenHarry , MagentoConnect (Posted on 4/26/13)
It worked for me!Review by Draumy
Overall extension rating
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 (Posted on 4/26/13)
Fantastic - Don't go elsewhere for your color swatch extension!!!Review by saulable
Overall extension rating
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. (Posted on 1/15/13)
Works great for Configurable productsReview by rickydjr
Overall extension rating
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. (Posted on 10/10/12)
Can confirm it works with 1.7.2 and custom themeReview by KevMonarch
Overall extension rating
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. (Posted on 8/19/12)
Great Customer ServiceReview by msegeti
Overall extension rating
I had some problems to customize this extension, but the support helped me a lot. thank you (Posted on 4/15/12)
very goodReview by chunleijiao
Overall extension rating
I am always looking for a color swatch that can use the simple products thumbnail as color option. Now I found it. (Posted on 1/20/12)
Awesome support, great plugin!Review by Kandee
Overall extension rating
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! (Posted on 1/3/12)
Best extension company ever!Review by HolDenWagenHarry
Overall extension rating
Very good working extension with good configuration options. The support answers quick and is very helpful... (Posted on 12/31/11)
The developer support is fast and excellentReview by shoppermehr
Overall extension rating
the support helps me everytime to find a fast and optimal solution. Thank you! (Posted on 12/11/11)

Write Your Own Review

You're reviewing: Color Swatches Pro

How do you rate this product? *

  1 star 2 stars 3 stars 4 stars 5 stars
Overall extension rating
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.