Select image as option of the product(color)

Hello, this is my first post here, writing from Italy.
I just start to use Hikashop and try to create an ecommerce for clothing.
What I need for the product is the possibility to choose the size of the product(t-shirt) from a dropdown menu or radio box and the color by selecting the image of the gallery of the selected product.
Right now I'm able to create both options with dropdown menu but I dont figure out how to select an option by clicking the image.
For better understand you can check this url goo.gl/4zu57

Anyone had experience about and could suggest me some hack?
Thank you in advance
David

Hi,

You have to edit the view "product / show_block_img" and add a onClick function on the image.
It require some PHP and Javascript knowledge.

Add a check on the product to see if it has the options, then edit the line concerning the image to put you custom image link, in this link try to add something like: "document.getElementById('monselect').selectedIndex=2" where 2 must be dynamic to be the value of the option.

Hello, thank you for your answer.
Unfortunatly I dont have php or javascript knowledge to do this hack.
I supposed there was some plugin/module to integrate this function.

Thank you

Hello again.
I figure out to set in the product a dropdown list for selecting color.
When I select the colors from the list, it will show me the correct image.
Instead of list of color, it's simple to use thumb of image?
Suppose in the list I have the color black: when i select black it show immediatly the product with black color.
I need to use, instead of word "black", the thumb of the product with color black.
Obviously I dont need in the list, but in a table(with or without checkbox).

Thank you

Hi,

I'm trying to assist davideventurini in his need to show images for the colours.

I've had a look at the trail of suggestions and attempts. The question I have is, does the over-ride for this function belong in 'hikashop_characteristics.php' or elsewhere, in another over-ride?

Also, in the IMAGES -> array (of stdClass object) there is a [file_path]=> entry. Does this hold the full path to the image, or just the image name - can the entry found here be used as the full source path to the image? i.e. img src="(value stored in [file_path]=>)"

Regards,
Martyn.