custom characteristic layout (radio to image)

Hi I'm trying to change the radio buttons to images in hika 1.6 but i'm having a hard time doing so. The code is very fragmented and I don't have the time to sift through it all..

I basically want the radio buttons to be images with the text below. Now it's radio button with the text to the side. The image file name can be the characteristic id.

Here's what I'm trying to achieve (the text is missing here):
i.imgur.com/kSd2fVr.jpg

I have everything working except for those images this shows how awesome hikashop is!

Thanks in advance <3

Hi there,

Since custom fields haven't been made to be displayed this way, doing this modification will require some good development knowledge.
If you think you can handle it, you have to look in the field.php file in administrator/components/com_hikahsop/classes
You can then found the checkbox class and edit the htlm which will be displayed to add your images.
Basically you have to keep the checkboxes and make it hidden (or it won't work anymore) plus your images must trigger the right checkbox and submit the form.

I hope you can go trough this.

are you sure it's in there? None of my changes appear in the shop. I even removed all the methods inside the hikashopRadioCheck class but everything still worked..

My image displays what i am trying to achieve. The images are basically the radio buttons. I do realize that the radio buttons are hidden and that I have to use javascript to actually change the value of the corresponding radio button, but I don't know where I can find the code to change the type of the radio button and display the images.

So to restate my question:

I want the radio buttons to be images. That is all. The characteristics of my product are colors. And instead of them being radio buttons, I want them to be images.