WordPress.org

Ready to get started?Download WordPress

Forums

ZWoom - WooCommerce Product Image Zoom
Great plugin but unfortunatly a few problems (17 posts)

  1. Wild at Art Atelier
    Member
    Posted 1 year ago #

    Hi this is exactly the plugin I was looking for unfortunatly I have a few problems:
    1. The image gets much bigger and looses its top and left border
    2. The image gets blurry (this could be because of the size that the zoom has). What size image should I place in?
    3. My featured image also appears in the bottom scroll area
    My website is: test.wildatartatelier.com
    It would be great if you could help :)

    http://wordpress.org/extend/plugins/zwoom-woocommerce-product-image-zoom-extension-by-wisdmlabs/

  2. WisdmLabs
    Member
    Plugin Author

    Posted 1 year ago #

    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. ]

  3. Wild at Art Atelier
    Member
    Posted 1 year ago #

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

  4. WisdmLabs
    Member
    Plugin Author

    Posted 1 year ago #

    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

  5. Wild at Art Atelier
    Member
    Posted 1 year ago #

    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...

  6. WisdmLabs
    Member
    Plugin Author

    Posted 1 year ago #

    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

  7. Wild at Art Atelier
    Member
    Posted 1 year ago #

    Thats what I meant :) But the code you gave me unfortunatly does not change anything...

  8. WisdmLabs
    Member
    Plugin Author

    Posted 1 year ago #

    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

  9. Wild at Art Atelier
    Member
    Posted 1 year ago #

    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?

  10. WisdmLabs
    Member
    Plugin Author

    Posted 1 year ago #

    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

  11. Wild at Art Atelier
    Member
    Posted 1 year ago #

    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!

  12. Wild at Art Atelier
    Member
    Posted 1 year ago #

  13. Wild at Art Atelier
    Member
    Posted 1 year ago #

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

  14. Wild at Art Atelier
    Member
    Posted 1 year ago #

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

  15. WisdmLabs
    Member
    Plugin Author

    Posted 1 year ago #

    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

  16. Wild at Art Atelier
    Member
    Posted 1 year ago #

    which access details? my username and password?

  17. WisdmLabs
    Member
    Plugin Author

    Posted 1 year ago #

    Yes, please send your wordpress access details in the email provided above but before providing them, will you please try out our newly released version? Kindly, check if that solves the problem. Don't forget to add extra code provided above in swap_images.js

    Thanks,
    WisdmLabs

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic