Gala Color Swatches Free

  • Popularity Score 10747 Popularity Score

    Popularity ScoreReferrals to Site/Downloads

    0 0 1+ 1+ 250+ 250+ 1000+ 1000+ 10000+ 10000+

Free Color Swatches Extension, Color Switcher
Compatible with:
This extension is currently unavailable on Magento Connect. Please contact the developer.

You will be re-directed to the developer's website to complete your purchase.

You must be registered and logged in to get extension key.
In order to get this extension, you must be logged in to the Magento Community. Click here to login or register.

Magento Connect 2.0

Magento Connect 2.0

Previous Next

Gala Color Swatches Free

Read full description and User Guide

Report bugs or ask quetions

Gala ColorSwatches is a free extension for magento that allow to display color swatches or color switchers on product details page by replacing drop-down custom options or configurable product's options.

Custom options or product attributes such as color, size, types can be displayed as thumbnail images. It works well with any type of products, simple products, configurable products, etc... Product options and thumbnails images are configured in the backend. The user interface and backend settings is designed with use friendly, standard magento UI and easy to use.

Gala Color Swatches extension can be installed via Magento Connect within minutes, it does not require to hack code, or change magento core or change anything in your magento theme.

This Magento color swatches extension released for free and it's compatible with all magento version from 1.7,1.8. This extension developed by Galathemes.

M1 Extension Versions

Gala Color Swatches Magento Extension 1.0.5

2012-03-21 07:19:55
  • Version number: 1.0.5
  • Stability: Stable
  • Compatibility:, 1.4.2, 1.5, 1.6, 1.6.1,
You must be registered and logged in to get extension key.
You must choose from Magento Connect Version or 2.0.
Learn more

Magento Connect 1.0 change

Fixed IE bug did not show swatches

Gala Color Swatches Magento Extension

2012-02-06 05:05:30
  • Version number: 1.0.4
  • Stability: Stable
  • Compatibility:, 1.4.2, 1.5, 1.6
You must be registered and logged in to get extension key.
You must choose from Magento Connect Version or 2.0.
Learn more

Magento Connect 1.0 change

Color Swatches Magento Extensions, transform drop-down custom options to swatches, it supports all type of products such as simple product, configurable products...

Gala Color Swatches Magento Extension

2012-01-25 05:05:33
  • Version number: 1.0.3
  • Stability: Stable
  • Compatibility:, 1.4.2, 1.5, 1.6
You must be registered and logged in to get extension key.
You must choose from Magento Connect Version or 2.0.
Learn more

Magento Connect 1.0 change

Color Swatches Magento Extensions, transform drop-down custom options to swatches, it supports all type of products such as simple product, configurable products...

Puede funcionar con la versión de magento?

He provado de instalar Gala Color Swatches Free con la versión y no me sale en el administrador de magento tras salir y volver a entrar.
Asked by: hospitalet

Swatches images are not showing

Hello ! i have installed Gala Color Swatches every thing working perfectly but when i add an custom optoin to a prodcut not and add "Color : Walnut = color-walnut.png" in configuration > General > Gala ColorSwatches Settings not showing images its just showing drop down please help Thank You Regards Junaid
Asked by: junaidali
Add the images into /media/swatches not /media/color_swatches/
Answered by: Mihai_C
Date published: 2016-03-08


when people click on a different color swatch, does the main product image change? Thanks
Asked by: tomidjx
No this does not do that, however, you can have different image show in cart: System\Configuration\Sales\Checkout\Shoping Cart; Configurable Product Image, change to "Product Thumbnail Itself" so at least customer can see what they ordered.
Answered by: Yocupco_Jerry
Date published: 2014-09-19

How do you show Option Value and Price with the swatch?

I would to allow the Option Value and price (if present) to show above or below the swatch. Is it possible to enable that?
Asked by: jrdltmr
You would need to modify the JS in app/design/frontend/base/default/template/optionswatches/option_js.phtml. Specifically function create_swatches(label, select) on line 38. Alternatively, if you don't wish to modify the phtml file, you could run a jQuery each function on the swatches after they've loaded to add the alt tag above/below the image. I used the click method to change some html to display the alt value: jQuery(document).ready(function(){ if(jQuery('.product-options dl dt').length > 0 && jQuery('.product-options .swatches-container').length > 0) { jQuery('.product-options dl dt label').html('Color: Black'); } jQuery('.product-options').on('click', '.swatches-container img',function(){ var color = jQuery(this).attr('alt'); jQuery('.product-options dl dt label').html('Color: '+color); }); }); It's not the prettiest code, but it works since my client refused to buy a plugin.
Answered by: JesseT
Date published: 2016-02-10

Images not showing up for attributes

Hi, We have our configurable products linked with associated products, but when i do attribute : name = image.png it does not work... Also when I try the costum options tab in magento it works, but not showing the image... What went wrong?
Asked by: magneetonline
i'm find this error. You can fix by find folder ../media/colors-watches and change this /media/swatches I'm not good at English so if you want fix this can inbox me by nick trianhhuynh in skype
Answered by: anhtri1305
Date published: 2014-11-15

Can i customize it for CE1.8

Can some one let me know the how i can customize this extension for CE1.8
Asked by: cdt812
I found that for 1.8 the files need to be place here: media/swatches/ NOT here: media/color_swatches/ like it says. Everything else seems to work fine. Just make sure your naming your options properly, check for extra spaces and punctuation.
Answered by: tpcweb
Date published: 2014-10-11

Swatches aligned vertically instead of horizontally?

I have installed this on v1.9 and I ran into a problem where the swatches are align vertically; i.e one on top of another. Is there a fix for this? Thanks in advance!
Asked by: Yocupco_Jerry
Gala's support team was very helpful in solving this problem, fix are as follow: Locate this file: /skin/frontend/base/default/css/em_colorswatches.css on line 3, .swatches-container .swatch-img { border:1px solid #eee; } Change to: .swatches-container .swatch-img { border:1px solid #eee; float: left;} Problem solved, all credit to Gala's support team!
Answered by: Yocupco_Jerry
Date published: 2015-02-10

Can I disable it for sizes?

Asked by: mureta

Error: : cannot read property 'down' of undefined in product detail page

I got a javascript error alert message on product detail page in magento community 1.19 version. Please let me know what should i do?
Asked by: sushmam

Does it work for 8.1?

Hi I am trying to use this but Custom Options slide down doesn't appear in Configuration screen. Does it work for 8.1? Thanks Dave
Asked by: technique72
  • y_2017, m_2, d_26, h_1CST
  • bvseo_bulk, prod_bvqa, vn_bulk_0.0
  • cp_1, bvpage1
  • co_hasquestionsanswers, tq_25
  • loc_en_US, sid_9787, prod, sort_[SortEntry(order=LOCALE, direction=DESCENDING), SortEntry(order=FEATURED, direction=DESCENDING), SortEntry(order=NUM_ANSWERS, direction=DESCENDING)]
  • clientName_magento
Get Help

Support for This Extension

The best place to start if you need help with a specific extension is to contact the developer. All Magento developers have both a contact email and a support email listed.

Magento Platform Support

If you need support for a Magento platform, there are different options for support depending on which Magento platform you are using. Below are links for specific platforms.


About the Developer

This extension was developed by and is supported by galathemes

Gala Color Swatches Free is rated NaN out of 5 by 85.
Rated 3 out of 5 by from Doesn't add the product to the cart ? Well it shows everything as described but didn't add the product to the cart, Whenever I tried adding to the cart it always shows an pop up with the error "Please specify the product's option(s)."
Date published: 2014-01-24
Rated 5 out of 5 by from Great extension It works as we need...its perfectly suits our requirement. This extension saved our lot of time.Great work..
Date published: 2014-01-07
Rated 5 out of 5 by from Really good for free version + how to remove copyright Really simple, just what I needed. Works perfect! IMPORTANT: Saw many people complain about the copyright, and indeed this was my only negative point as well. But I found a solution... TO REMOVE COPYRIGHT: Go to: App/Design/Frontend/base/default/layout Edit the file: "em_colorswatches.xml" Find and delete the following piece of text and your done: <reference name="before_body_end"> <block type="core/text" name="galathemes.copy"> <action method="setText"><text><![CDATA[<p style="text-align:center;font-size:0.8em"><a style="color:inherit;text-decoration:none" href="">Color Swatches Magento extension</a> by Galathemes <a style="color:inherit;text-decoration:none" href="">Magento Themes</a></p>]]></text></action> </block> </reference>
Date published: 2013-12-19
Rated 4 out of 5 by from Fix in settings.phtml for support of configurable products If you have configurable products where some attributes decrease the price of it (instead of increase) you must replace this line in settings.phtml, inside the create_swatches function (Javascript part): // remove price if opt.getAttribute('price')) key = trim(key.replace(/[\+|\-]([^+]+)$/, ''));
Date published: 2013-12-09
Rated 4 out of 5 by from It works, but it needs changes in code to work on IE 9 If you want to make it work on all browsers (including IE 9) using Magento 1.7 / 1.8, open the file app/design/frontend/base/default/template/em_colorswatches/settings.phtml and replace the fireEvent function with this below: function fireEvent(element,event){ var evt = document.createEvent("HTMLEvents"); evt.initEvent(event, true, true ); // event type,bubbling,cancelable return !element.dispatchEvent(evt); } It worked for me.
Date published: 2013-11-26
Rated 4 out of 5 by from This extension is good This extension is good, but the images must be into /media/swatches not /media/color_swatches/
Date published: 2013-11-20
Rated 4 out of 5 by from I want to have it more advanced... It's a good extension but I sell cosmetics with various colors and I love to have a notice option that there are more colors available before you click on a product. There has to be a text underneath the product with more colors available notice. Or more colors available color swatch images of 15x15 pixels underneath the product image before you click on the product. The copyright text on the product info page is indeed not professional for a real web store. I would like to have it removed if it's allowed.
Date published: 2013-11-19
Rated 1 out of 5 by from Copyright link in the footer Hi, This is barely simple extension, with all due respect to the owners. There is a copyright link in the footer that is placed without any notice, and it cannot be removed. Thus, This is not useful for no proffesional usage. Regards, Josip
Date published: 2013-11-11
Rated 3 out of 5 by from 404 Error After I installed the extension, I get a 404 Error - Page not fond when I try to enter the extension settings in System -> configuration . Does anybody knows what could be the problem? I've tried to rename the extension folder to "swatch" but nothing. Thanks
Date published: 2013-10-17
Rated 4 out of 5 by from Great Extension!! After correcting the directory as suggested by other users. This extension is now working flawlessly. Would be great to implement this in the layered navigation as well.. Great job!!
Date published: 2013-10-08
  • y_2017, m_2, d_25, h_22
  • bvseo_bulk, prod_bvrr, vn_bulk_0.0
  • cp_3, bvpage2n
  • co_hasreviews, tv_0, tr_85
  • loc_en_US, sid_9787, prod, sort_[SortEntry(order=FEATURED, direction=DESCENDING), SortEntry(order=SUBMISSION_TIME, direction=DESCENDING)]
  • clientName_magento

In order to upload extension, you must be logged in to the Magento Community. Click here to login or register.



* Required Fields

Close window

Forgot Your Password?

Please enter your email below and we'll send you a new password.

* Required Fields

Close window


To upload extension you must be logged in.

* Required Fields

Close window

You are using an outdated browser

We built Magento Connect using the latest techniques and technologies.
This makes Magento Connect faster and easier to use.
Unfortunately, your browser doesn't support those technologies.
Use the links below to download a new browser or upgrade your existing browser.