I am using Magento CE and I am using the Configurable swatches function so that I can display color icons and when you click on a color icon it changes the product image to that colored image. This is working just fine. However What I am wanting to do is change the product description dynamically when you click on a different color swatch.

So for example the default product description may say "this white shirt comes in many colors". Then if you click on the red color swatch I want the product description to dynamically/automatically change to say what ever is in the "red" products description box which might be something like "this red colored shirt is 100% cotton".

Can anyone suggest what the code for this would be? I am thinking I would just need to edit the view.phtml file in the catalog/products directory however not sure what the code would be. I also want to display the product title and some attributes values for each color swatch. Like some color swatches have a machine washable = yes value while others have a Machine washable = no value.

  • can you show color swatches code?
    – Amit Bera
    Jan 18, 2015 at 4:36

2 Answers 2


You can check my code in this module, which gets all images from the simple products on swatch change: https://github.com/wigman/AjaxSwatches

I'm on a holiday so can't really type a lot of code here right now..

The module loads a JavaScript file that extends the swatch-change event. On this event I've put an Ajax call that gets the simple product information.

Should be quite straightforward extending this with title and description of you know your way around jquery..

  • Also, this is the best way to change the functionality without changing the template files, which makes it super update-friendly:) Jan 18, 2015 at 13:46
  • willem wigman thanks for the link to your plugin. However yours does not do what I am looking to do which is onclick in addition to changing the products base image (which happens by default with Magento) I also want to change the products title, description and attributes.
    – Jayreis
    Jan 20, 2015 at 17:21
  • As I said, the basics are there, you'll have to add the extra attributes you need. Take the 0.1 version which switches the whole gallery on the 'change base-image' event and extend it. Jan 31, 2015 at 12:34

i guess that you need codeing on the color swatches area on frontend. where you change product image using javascript there you must get simple product object

there you need get associated simple product and from simple product you can get description.

just an example

<a href=""  onclick="selectDesOption('<?php echo $simpleOb->getDesciption();?>')";>color swathces image </a>

and javascript:

function selectDesOption(descption){
//  change descirption data by it div id

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.