Get Variant Images to Display?

For some reason my product variant's image is not displaying. I gone into Manage Variants, then edited the variant, added an image and saved.

When I choose this variant from the drop down, there is no image showing. Even though if I hover over the area, I can see that the file is there. If I right click, view image, I am shown the image.

Could someone tell me what I'm doing wrong please?

www.shamrockshirts.com.au/2013/index.php...588-rotary-vs-piston

You have a css property which add a "opacity:0;" this is hidding your picture, try to add this property in the CSS file: .hikashop_main_image_link img{opacity: 1 !important;}

Thanks for your help.

Not sure that I've done the right thing, because it didn't work.

I added the code to the bottom of frontend_default.css like this:

}
.hikashop_main_image_link img{opacity: 1 !important;}

The image still doesn't show. Have I added it to the wrong document?

It seems that you template override our CSS properties, try to add this CSS rule in your "/2013/templates/corporate_response/css/template.css" file.

I'm sorry, that didn't work either.

Is there any way to set it up so that it DOESN'T change the image for the different variants? I would actually prefer if the main product image stayed when the different variants are selected. I have over 200 variations for each product and over 400 products, so creating an image for each of these is going to be extremely time consuming. I would rather just have the main image stay where it is, and I can show the colour and product range in an info tab at the bottom instead.

Could you tell me how I can achieve this? Then the variant image problem will be obsolete.

Thanks so much.

That worked perfectly. Thanks so much for your help.