Great plugin but unfortunatly a few problems

Hi,

Thank you for using our plugin and providing the site link. We checked that the product images has some margin applied inside an anchor tag. Therefore anchor tags have larger width and height but images do not. Since our plugin zooms image with respect to the parent anchor tag, it is loosing top and border of the image.
The image gets blurred because of the quality of images. To show clear zoomed image, please upload high quality images. After uploading images, please do not forget to regenerate thumbnails for those images. To regenerate images, you can use ‘Regenerate Thumbnails‘ plugin.
It seems that you have assigned two same images to the product. Therefore two same images are seen at the bottom of main image box.
The following link might help to remove one of those images.

http://wcdocs.woothemes.com/user-guide/adding-product-images-and-galleries/

[ Signature moderated. ]

If you would like to maintain the margin which is applied to your product images, then we will have to transfer that margin to parent anchor tag of product images.
Following code would work:

jQuery(document).ready(function(){
var get_all_margin_of_product_image = new Array();
var reference_of_product_image = jQuery(".wp-post-image:first");
get_all_margin_of_product_image.push(reference_of_product_image.css('marginTop'), reference_of_product_image.css('marginLeft'), reference_of_product_image.css('marginRight'), reference_of_product_image.css('marginBottom'));
reference_of_product_image.parent('a').css({ 'marginTop':get_all_margin_of_product_image[0] , 'marginLeft':get_all_margin_of_product_image[1], 'marginRight': get_all_margin_of_product_image[2], 'marginBottom': get_all_margin_of_product_image[1]});
reference_of_product_image.css('margin' , '0px');
});

You can add above javascript code in ‘swap_images.js’ file which is inside the zwoom plugin’s folder

Thanks,
WisdmLabs

Hi,

We are sorry but we are not able to locate the problem you are experiencing. Kindly, clear the cache and reload the page again. However, we have found another problem with your site. The slider on your site does not show previous and next button. This is because images on your site have margin. We can remove those margins for slider’s next and prev button using jquery. To do so, we will just have to add two more lines in the code we have provided earlier. So the final code will be

jQuery(document).ready(function(){
var get_all_margin_of_product_image = new Array();
var reference_of_product_image = jQuery(".wp-post-image:first");
get_all_margin_of_product_image.push(reference_of_product_image.css('marginTop'), reference_of_product_image.css('marginLeft'), reference_of_product_image.css('marginRight'), reference_of_product_image.css('marginBottom'));
reference_of_product_image.parent('a').css({ 'marginTop':get_all_margin_of_product_image[0] , 'marginLeft':get_all_margin_of_product_image[1], 'marginRight': get_all_margin_of_product_image[2], 'marginBottom': get_all_margin_of_product_image[1]});
reference_of_product_image.css('margin' , '0px');
jQuery("ul.bxslider li img").css('margin', '0px');
jQuery(".bx-prev, .bx-next").find('img').css('margin', '0px');
});

Kindly, replace the code you had added in ‘swap_images.js’ with above code.

Thanks,
WisdmLabs

Hi,

We are sorry that you are still experiencing this problem but we have just checked this link and it seems to be loading perfect.

I believe there is still problem of caching. If you are on firefox or chrome, then press ctrl+f5 button to clear the cache and reload the page.

Thanks,
WisdmLabs

Hi,

About your question. It actually depends upon how quickly your Internet can download images. If it has completed downloading, then it will send that image to main box and will zoom it.

I hope this addresses all your queries. I Request you to give this plugin a good rating as it matters to the success of the plugin.

Thanks,
WisdmLabs