New discounts and limited-time offers every two weeks! 💸 Don't miss out on your opportunity. SHOP NOW

Color Swatches Pro for Magento 1

Color Swatches Pro is a Magento color selector module which presents configurable products on a new level by animating boring text attributes. Use advanced color swatches to be creative in your products positioning.

  • 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 configurable swatches details with zoom and lightbox effects
  • Fully optimized for mobile
$99
60 days money back
Free lifetime updates
90 days free support

Maximize your average check by linking and highlighting products

=
$347
Save $34.70
$312.30
  • Learn how to improve product presentation
  • Use images instead of plain text
  • Carefully fine tune swatches display
  • Enable selection of configurable products on category and search results pages
  • Use advanced visual effects
  • See more tools to enhance product presentation
  • Learn how to configure the module with our detailed user guide;

Happy Color Swatches Pro users

See the examples of Magento 1 color switcher usage in different stores and get inspiration! Click for details:

color-swatches-pro-frontend-4-swatch
color-swatches-pro-frontend-7-swatch
color-swatches-pro-frontend-6-swatch

Improve product presentation to win customers’ trust

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

With this Magento configurable product image switcher 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.

Reload price of associated simple products automatically

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.

magento-color-swatches-pro-final
magento-color-swatches-simple-prices

Show prices of simple items as a swatch label

Adjust the display of simple product prices to your needs. With the extension you can show them right under size swatches as swatch labels. This handy option will make your product pages much more visually attractive and improve customer shopping experience.

Display prices of simple products in drop-downs

Now you can display prices of simple options associated with configurable products in drop-downs. It's possible to choose whether to show actual price or the price difference.

Use images instead of plan 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.

gif-swatch

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 Magento color code 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 1 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-pro-final2

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.

Set a default placeholder image for each attribute

Instead of color filter, with the Magento extension you can upload a dummy image that will be used if no image is set for the attribute.

Set a default placeholder image for each attribute

Instead of color filter, with the Magento extension you can upload a dummy image that will be used if no image is set for the attribute.

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.

Add captions for zoomed images

Display text labels together with zoomed product images. Customize label's display by specifying its position, background and text colors.

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

  • 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.
  • Display Color Swatches Pro with AJAX mode to speed up category pages download (in comparison to "default" extension settings).
  • Enable Reindex option to improve category pages performance.
magento-color-swatches-on-category-pages-new

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. This configurable product images change will let you present products in an attractive way.

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.

color-swatches-pro-frontend-12

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.
      • 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

        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.

        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 an 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. Furthermore, you can greatly enhance your web store visual presentation with free Amasty product labels' pack.

        Wondering how to add Magento product filter "by color"?

        Try this Magento color filter extension. Make the shopping process closer to reality - add images to product attributes selection. Allow your customers to use Magento color filter to speed up the choice and benefit from purchases growth.

        Adobe partner logo
        Magento Marketplace logo
        4.3
        See 202+ verified reviews
        1 Single points of sales
        Trusted by Customers
        Are Amasty extensions compatible with all themes and extensions by other vendors?
        Amasty extensions work with all plugins we issued and with most 3rd-party plugins. If you come across a compatibility issue with any third-party module, we’ll definitely try to help you. If you face any technical issues, please create a ticket...
        Will I get free support and updates?
        Yes, once you buy any extension(s) by Amasty, you’ll get free lifetime updates for the product(s).Also, you will get 3 months of a free trial for support subscription. Magento support subscription plans:Monthly Annual -20% Lite.vyobs1l-s{text-align:...
        Do you have the installation service?
        Yes, we provide a professional installation service. You can purchase it when ordering an extension. If you buy more than 1 extension in one order, we can install all of them! If you need to configure plugins according to your business needs, you can...
        Can I request a free trial?
        Amasty doesn’t provide any trials of Magento extensions. But we have three months of free support and a 60-day money-back guarantee. There's one exception: Amasty extensions are provided for testing or demo purposes to our official Platinum Partners...
        Can I test an Amasty extension on a staging site before transferring it to a live one?
        Yes, you can install any Amasty extension on a test site and configure all the settings there before doing it on your live store.
        How can I get a refund?
        Amasty provides a 60-day money-back guarantee. In case the acquired extension didn’t meet your expectations, our support team is always ready to help you.  To get a full or partial refund of your order, please create a ticket in our support...
        How can I receive a discount?
        According to the rules of Amasty's Reward Program, you get $15 back to your reward points for every $100 spent. You can spend them to buy other extensions or services from our catalog. These Points are valid for 60 days from the purchase date. You ...
        How to update a Magento 2 Amasty extension?
        To update a Magento 2 extension by manual upload: 1. log in to the customer account; 2. navigate to the Products tab, scroll to thePackages section, andclick the Download link next to the extension that should be updated; 3. Important: If some extension...
        If I need additional features to be added to an Amasty extension, how can I ask for it?
        To leave your feature request, log in to your customer account and open the Products tab. Then, scroll down to the bottom of the page, and leave your feature request in the following form: As soon as you send your request, it is considered by our ...
        How to install Magento 1 Amasty extensions?
        Each Amasty extension package is provided with the extension files, installation & setup guides and a license agreement. Some extensions include import file examples as well. Before installing any extension, please create a backup of the root folder...
        How can I prolong support?
        When you get any support subscription plan, it will be prolonged automatically. Also, you can cancel your subscription at any time. For this, go to your customer account and open the Subscriptions tab.
        What should I do if my Reward Points have expired?
        According to our reward program, the Reward Points are valid for 60 days starting from the moment they’re transferred to your account. But we always try to stay supportive, so you can create a ticket, and we’ll consider your case individually...
        How can I use my Reward Points?
        How to check your reward points balance? Step 1. Log in to your customer account or create a new one. After this, you will be redirected to your account dashboard. Step 2. In the left menu choose Reward points. Step 3. You will see your current reward...
        Can I change the EE extension to CE for free?
        Usually, no, you can’t exchange modules. Please, contact our support managers and they’ll consider your case individually. → Learn more about our special offers
        How can I get a discount to re-purchase plugins?
        Usually, we don’t provide any discounts. But you can contact us, and we’ll consider your case individually. → Learn more about our special offers
        What is the license policy? On how many websites can I use Amasty extensions?
        Our license allows you to use a single extension license agreement on one Magento installation. If you run several domains on the same instance of Magento, you can use one extension license. However, if you run each website on a new installation...
        How can I pay for Amasty extensions?
        You can pay for our extensions in any convenient for you way as a full range of payment methods are supported. The most common means are credit card or PayPal. Security and fraud protection are guaranteed. If you need to pay for the order with a non...
        Can a particular option be preselected?

        Yes, but Magento color swatch auto select works only if the preselected option has a single value. In other cases, you can use our Configurable Preselect extension.

        Can all the attributes be visible on loading a page for the first time?

        Yes, now you can make all the attributes visible on loading a page for the first time.

        Can I create attributes different than color and use them in the same fashion?

        Yes, with the extension you can create various attributes. Besides, you can assign images to all attributes, so your customers will be able to choose all the options of a configurable product on a category, product or search results pages. Go on reading to see the screenshot.

        Can I use Color Swatches extension with custom options for product?

        The Magento 2 Custom Options Swatches takes into account custom options’  when it calculates product's final price. Check the full answer to see the final price calculation model.

        Can I use multiple images for one simple product added to the configurable one?

        Yes, more than one image can be added for a single product in configurable swatches setup.

        Can I use zoom and lightbox from my store theme?

        Yes, the Magento Color Swatches extension with zoom and lightbox can be customized, so that you are able to use the features from your store theme. But you need to disable them in the module. Read on to see the settings.

        Can the main image be changed when only one attribute out of two is clicked?

        Yes, it is possible to change the main image only for one attribute, for example, for “color” but not for “size”.

        Does Color Swatch extension support multiple product attributes?

        Sure. You can use as many attributes as you have in the configurable product.

        Does Color Swatches Pro work for bundle products?

        No, Color Swatches Pro extension supports only configurable products.

        Does your extension support PNG images?

        Yes, the module supports PNG images as well JPEGs.

        How are out of stock products displayed?

        Magento Color Swatch hides out of stock products. What's more, you can indicate what items of particular size or color are out of stock. Read on to see the screenshot.

        How to apply images from simple products as swatches for a configurable product in bulk?

        With the extension, you can display any product attributes as swatches.

        My site uses jQuery. Will there be any conflicts?

        No, we have fixed all jQuery conflicts, so Color Swatches Pro will work on smoothly on your site.

        Customer Reviews

        Are you looking to add specific functionality for this extension or want to acquire a reliable development partner altogether? With custom development services by Amasty, you will receive high quality and cost-effective solutions developed by Magento professionals according to industry’s best practices.

        Request a Quote

        Submit this form now and we will get back to you promptly!

        What feature your extension lacks?

        You can always download the recent version free of charge from your account installing an upgrade is easy

        See Magento (and other software) versions we support and guarantee their compatibility with our extensions

        Version 3.18.12
        Last Update: May 30, 2019
        3.18.12 - May 30, 2019
        • Compatibility compatibility with Amasty Shop by Brand was improved
        3.18.11 - Apr 12, 2019
        • Improvement javascript jQuery library was updated
        3.18.10 - Jan 22, 2019
        • Fix an issue with wrong path to .xml file was resolved
        3.18.9 - Dec 26, 2018
        • Fix an issue with displaying minimal simple product price was resolved
        3.18.8 - Nov 05, 2018
        • Fix Security fixes
        • Fix the problem with Reset Configuration link was resolved
        3.18.7 - Oct 16, 2018
        • Fix an issue with outside zoom and lightbox was resolved
        • Fix an issue with main image in the product images carousel was resolved
        3.18.6 - Oct 08, 2018
        • Fix an issue with double popup when using the light box on configurable product was resolved
        3.18.5 - Aug 22, 2018
        • Fix an issue with zoom and gallery has been resolved
        3.18.4 - Jun 15, 2018
        • Compatibility compatibility with Configurable Product Matrix was enhanced
        3.18.3 - Jun 13, 2018
        • Fix an issue with the default configurable product price and tax was resolved
        3.18.2 - Jun 05, 2018
        • Fix an issue with Uncaught TypeError in the browser console was resolved
        3.18.1 - May 28, 2018
        • Fix a problem with the price of configurable products after 'reset configuration' was resolved
        3.18.0 - May 18, 2018
        • New Support of the fancyBox 3 is added. However it still allows to select the fancyBox 2 or the fancyBox version from the custom theme
        • Improvement Added comments to the configuration settings in backend
        • Fix several issues were resolved
        Version 3.17.8
        Last Update: Apr 18, 2018
        3.17.8 - Apr 18, 2018
        • Swatches optimization
        3.17.7 - Mar 22, 2018
        • Extension configuration page improvements
        3.17.6 - Mar 05, 2018
        • Fixed an error for products with no gallery images
        3.17.5 - Feb 01, 2018
        • Fixed an issue with the simple product price when 'Catalog Prices: Including Tax' is enabled
        3.17.4 - Jan 11, 2018
        • Fixed the issue with the simple product price including the tax
        • Other minor fixes
        3.17.3 - Dec 07, 2017
        • Fixed issue with custom options when display excl/incl prices on the product page
        3.17.2 - Dec 01, 2017
        • Removed the watermarks from the swatches when using the simple product images
        3.17.1 - Nov 16, 2017
        • Added the js saving of already uploaded images
        3.17.0 - Oct 26, 2017
        • Added the product availability (In Stock / Out of Stock) to the reloaded product info
        Version 3.16.1
        Last Update: Aug 23, 2017
        3.16.1 - Aug 23, 2017
        • Compatibility with 3rd party zoom and and scroll improved
        • Compatibility with Product Configurable Matrix introduced
        • Other minor fixes
        3.16.0 - Jul 05, 2017
        • Added compatibility with Product Media Manager;
        • Added compatibility with Magic Zoom;
        • Added better compatibility with Amasty Quickview;
        • Fixed minor bug with the option label;
        • Fixed minor bug with the fancybox;
        • Fixed an issue with the reset link;
        • Added a new setting "Show all options" on the category page;
        • Added a new setting "Show all options" on the product page.
        Version 3.15.5
        Last Update: Jun 02, 2017
        3.15.5 - Jun 02, 2017
        • Fixed an issue with the carousel after image swatch reload
        3.15.4 - Jun 01, 2017
        • Custom options compatibility fixes
        3.15.3 - May 16, 2017
        • A setting to enable/disable Lightbox and zoom
        3.15.2 - Apr 28, 2017
        • Possibility to display specified attributes on a category pages (set in settings)
        3.15.1 - Apr 18, 2017
        • Minor improvement for image zooming
        3.15.0 - Mar 29, 2017
        • Code refactoring for compatibility with Magento custom options in case of using price from simple products
        Version 3.14.0
        Last Update: Mar 14, 2017
        3.14.0 - Mar 14, 2017
        • Added possibility to reload SKU when selecting options
        Version 3.13.4
        Last Update: Jan 25, 2017
        3.13.4 - Jan 25, 2017
        • Minor fix for JS error that appeared in few cases
        3.13.3 - Dec 08, 2016
        • Minor fix for price difference display on product view page
        3.13.2 - Nov 18, 2016
        • Compatibility with Magento 1.9.3.1
        3.13.1 - Oct 28, 2016
        • Compatibility with Magento 1.9.3.0
        3.13.0 - Sep 21, 2016
        • New feature: Show simple price in swatch label
        Version 3.12.3
        Last Update: Aug 11, 2016
        3.12.3 - Aug 11, 2016
        • Update elevateZoom library
        3.12.2 - Aug 09, 2016
        • Option to add captions for zoomed images
        3.12.1 - Jul 21, 2016
        • Possibility to specify CSS selectors for attributes in the backend (improves usability and compatibility with custom themes)
        3.12.0 - Jul 19, 2016
        • Possibility to limit a number of swatches (images) visible. When set to certain amount, a link like "More Colors Available" will be displayed.
        Version 3.11.8
        Last Update: Apr 01, 2016
        3.11.8 - Apr 01, 2016
        • Added abilty to display price of simple products in drop-downs
        3.11.7 - Feb 19, 2016
        • Minor optimisations for price display
        3.11.6 - Dec 04, 2015
        • Image upload block on attribute edit page is now split by pages to optimise upload workflow
        • Performance optimisation for loading product price
        3.11.5 - Sep 24, 2015
        • Block cache for category pages added to improve load speed
        3.11.4 - Sep 16, 2015
        • Performance and compatibility improvements
        3.11.3 - Jun 19, 2015
        • Performance increased on large catalogs
        • Better compatibility with 3-rd party JS libraries
        3.11.2 - Jun 05, 2015
        • Minor improvements
        3.11.1 - Apr 16, 2015
        • Minor improvements for color picker and layout
        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
        Last Update: Mar 02, 2015
        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
        Last Update: Feb 11, 2015
        3.9.12 - Feb 11, 2015
        • Optimisation of settings block
        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
        3.9.6 - Oct 27, 2014
        • Indexing implemented to improve speed on category pages
        • Minor improvements
        3.9.2 - Aug 20, 2014
        • Cross out unavailable items with white line
        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
        Last Update: Jun 26, 2014
        3.8.8 - Jun 26, 2014
        • Tested with latest Magento CE 1.9 release.
        3.8.7 - Apr 11, 2014
        • Code refactoring and optimization
        3.8.6 - Feb 20, 2014
        • Minor bugfix for zoom component.
        3.8.5 - Jan 31, 2014
        • Speed improvements
        • Product thumbnail size setting for category page
        • Minor bugfix
        3.8.4 - Dec 02, 2013
        • Better compatibility with 3-rd party extensions
        • Minor bugfix
        3.8.3 - Nov 24, 2013
        • Code refactoring and performance optimization
        • Database optimization
        3.8.2 - Oct 29, 2013
        • Fix for incorrect special price when reloading product
        • Minor CSS fix for zoom component
        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
        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
        Last Update: Sep 30, 2013
        3.7.7 - Sep 30, 2013
        • Code optimization.
        3.7.6 - Jul 04, 2013
        • Bugfix of price processing.
        3.7.4 - Jul 04, 2013
        • Speed improvement and code refactoring.
        3.7.1 - Jun 25, 2013
        • "Title" and "alt" attributes added to image elements.
        Version 3.6.2
        Last Update: Jun 04, 2013
        3.6.2 - Jun 04, 2013
        • Better compatibility with Improved Navigation.
        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
        Last Update: May 08, 2013
        3.5.7 - May 08, 2013
        • Empty upload fields are now disabled to avoid limit overhead.
        3.5.5 - Apr 12, 2013
        • Translation fix.
        3.5.4 - Mar 06, 2013
        • Bugfix for titles.
        3.5.3 - Feb 21, 2013
        • Fix for incorrect table name.
        • Fix for reloading images with 3 or more attributes.
        Version 3.4.2
        Last Update: Feb 12, 2013
        3.4.2 - Feb 12, 2013
        • Code optimization and improved compatibility with 3-party extensions and design themes.
        Version 3.3.0
        Last Update: Feb 05, 2013
        3.3.0 - Feb 05, 2013
        • Ability to use images from simple products for swatches.
        Version 3.2.2
        Last Update: Jan 10, 2013
        3.2.2 - Jan 10, 2013
        • Bugfix of reload of images when first attribute selected.
        • Fix for lightbox/zoom in IE7/8.
        3.2.0 - Nov 05, 2012
        • Effects for image changes.
        • Bugfix for IE.
        • Minor design modifications.
        Version 3.0.2
        Last Update: Oct 31, 2012
        3.0.2 - Oct 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
        Last Update: Oct 09, 2012
        2.0.2 - Oct 09, 2012
        • Fix of compatibility issue with Product Labels.
        Version 1.3.0
        Last Update: Oct 27, 2011
        1.3.0 - Oct 27, 2011
        • Ability to use a default image for configurable products with no images.
        • Improved compatibility with 3-party extensions.
        Version 1.0.1
        Last Update: Mar 11, 2011
        1.0.1 - Mar 11, 2011
        • Fixed issue with reload of product image for cases when icons are uploaded not for all attributes.

        Ratings & Reviews

        4.9
        Rating:
        98% of 100
        © 2009-2021 Amasty. All Rights Reserved.