Gala Color Swatches Free

  • Popularity Score 10746 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_24, h_5CST
  • 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 4 out of 5 by from Working For Me 1.9.2 It realy work for me in my latest magento version 1.9.2. Need to change the path of image folder in the frontend->em_colorswatches->settings.phtml line No.49 replace the line by below code src: '<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA); ?>colors_watches/'+ and take your images folder into the media folder. Thank You Ravi Kant Chaudhary.
Date published: 2016-08-11
Rated 2 out of 5 by from Be aware of a link they put on your product pages! The extension is okay, however we had to customize it to make it work the way we want. The worse thing ever: after you install the extension, they place in a nasty way a link to their website in the footer of your product pages, ruining your SEO!
Date published: 2016-03-16
Rated 5 out of 5 by from Superb Extension With Small Efforts And Configuration This extension says that it works with up to magento 1.8.1. But guys I have used it with magento 1.9.2. This is most fabulous extension. I did minor customization for on changing the selected option, the product image also changes in the left side. This saved my a week. Thank you!! :)
Date published: 2016-03-04
Rated 5 out of 5 by from It does what it's supposed to No issues running it on No option to display the Title of the swatch, but it works as needed. Great, easy product.
Date published: 2016-02-09
Rated 5 out of 5 by from Configurable product option Does it work with configurable product options? Please let me know.
Date published: 2015-09-03
Rated 5 out of 5 by from perfect extension! This is exactly what I have been looking for, came out exactly as I wanted it to! thank you very much :)
Date published: 2015-06-18
Rated 4 out of 5 by from Great extension One question: How to preserve dropdowns for options without configured swatches ? Let's say for colors i want swatches and for size i want the dropdown menu. Where do i have to modify the code?
Date published: 2015-06-05
Rated 4 out of 5 by from server not found installing key getting gala color swatch not found in server
Date published: 2015-05-20
Rated 5 out of 5 by from Use more than 1 colour Dear support, Thank you for this nice module, i am using more than 3 colours as an attributes, Colour Top Colour Bottom Colour when i us eit just for colour 1 it works, but when i add it for other colours its not working, just display it blank? Can you please help Thanks Sof
Date published: 2015-03-11
Rated 5 out of 5 by from To Add Active Surround to Swatch When Clicked I've used this extension twice and apart from the copyright removal issue (See other posts on here) It is annoying you cant see which swatch is clicked..But it is simple to add a highlight surround to the clicked 'active' swatch.... /httpdocs/skin/frontend/base/default/css >>em_colorswatches.css ................................................................................ .swatches-container .swatch-img, .swatches-container .swatch-span { margin:0 3px 3px 0; } .swatches-container .swatch-img { border:1px solid #eee; } .swatches-container .swatch-img.current { border:3px solid #d2de24; } .swatches-container .swatch-span { } .................................................................................. I edited the code swatch-span >> and upped it to 3px 3px margin & swatch-img.current >> upped the border to 3px and changed the colour to #d2de24 from white Dont forget to refresh cache in Magento ! .................................................................................. Check it out my green highlighted border here>>
Date published: 2015-01-26
  • y_2017, m_2, d_24, h_2
  • bvseo_bulk, prod_bvrr, vn_bulk_0.0
  • cp_1, bvpage1
  • 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.