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.

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

[ Signature moderated. ]

Okey the blurry images is understandable but how can I change the margin ??

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

That was great and did the trick!! Sorry to be pestering you but there is still another problem now the other images from the gallery won’t move…

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

Thats what I meant ?? But the code you gave me unfortunatly does not change anything…

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

Yes now it works sorry about that.
I’m sorry if I am pestering…
Now I have another doubt:
When I am on the product “Postcards from Portugal for example. If I click on one of the images from the Gallery and then click on one of the Selection Options above (“POSTCARD THEMES”), the moment I hover over the image it changes to the image I had previously selected on the Gallery. How can I make sure that it zooms into the selection chosen?

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

I don’t think it depends on the internet, it always zooms in to the one selected at the bottom (by the gallery) also when I select a different colour on the top by the “Product selections”. I would like to be able for it to stay with the same image so for example when I select the “Blue checkered” Fishling above the “Cart” Symbol that it zooms in to the same image when I hover over the image.
I will give the plugin a good rating since it is really helpful!

Why is there no arrow here: https://test.wildatartatelier.com/shop/capsule-bag-green/

Sorry to bother, but now I when I click on the photos in the gallery nothing happens…

Figured out the last problem I had ?? Could you please help me with the previous one with the arrow

Hello,

Could you please give us access details of your site so that we can figure out the exact problem with it?

You can send us details at support[at]wisdmlabs[dot]com or you may also fill up the form here and send us details.

Thanks,
WisdmLabs

which access details? my username and password?