Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 28, 2018 at 4:10 am #1038315
    dameonjamie

    Merry Christmas! Hope all is well at Kriesi!
    I have noticed that when I hover my mouse pointer on a product image in that the image behaves not as intended. It seems to “shrink” instead of “zoom”.

    Case in point:
    Product image shrinks when it should enlarge or zoom

    Under Theme Options > Product gallery have WooCommerce 3.0 product gallery selected.

    November 29, 2018 at 9:20 am #1038840
    Rikard

    Hey Dameon,

    Happy Festivus. I can’t reproduce that on my end using Chrome, in which browser are you seeing that?

    Best regards,
    Rikard

    • This reply was modified 6 years ago by Rikard.
    November 30, 2018 at 2:19 am #1039195
    dameonjamie

    Hi @Rikard,

    Thanks for your reply.

    I am using Chrome. It happens in all browsers. Here is a video demonstration. It’s my understanding that when you hover the mouse over the main display image that it will enlarge. Mine does not do that. The only way I can describe what it is doing is to say that it shrinks, but this is not an entirely accurate description.

    https://photos.app.goo.gl/RLKxG9ngm8iBvDdu5

    I hope this clarifies the issue.

    Best,
    Dameon

    December 1, 2018 at 6:41 am #1039507
    dameonjamie

    Do you need more info @rikard ?

    December 2, 2018 at 6:47 am #1039785
    Rikard

    Hi Dameon,

    Thanks for the video, though I still can’t reproduce the problem on my end. I’m using Chrome as well. Are you sure that it’s not a local problem? You could try from a different machine maybe? Are you on Windows or OSX?

    Best regards,
    Rikard

    January 22, 2019 at 4:25 am #1057010
    dameonjamie

    I am chatting with WooComerce support right now. They are experiencing problem too on Safari and Chrome. It only works properly on FireFox. I will let you know what I find out.

    Problem on Chrome:
    https://www.dropbox.com/s/yp0kvgxievw98x4/ScreenRecorderProject3.mp4?dl=0

    Problem on Safari:
    https://www.dropbox.com/s/awzjdumg0b91fza/ScreenRecorderProject4.mp4?dl=0

    • This reply was modified 5 years, 11 months ago by dameonjamie. Reason: corrections
    January 23, 2019 at 1:55 am #1057531
    Basilis

    Hi,

    Thank you – please keep us updated!

    Best regards,
    Basilis

    February 1, 2019 at 3:13 am #1061333
    dameonjamie

    WooCommerce asked me to clone the site to a staging server, disable the theme and all plugins and re enable all until I find the problem. I don’t have the time to do this. Can anyone else confirm that they have this issue? Can I see a video of the product image magnify on hover in Chrome or Safari on someone’s desktop or notebook?

    • This reply was modified 5 years, 10 months ago by dameonjamie.
    February 1, 2019 at 3:42 am #1061336
    dameonjamie

    As this issue does not occur in Google Chrome on WooCommerce Demos it’s reasonable to conclude that this issues originates in Enfold.

    WooCommerce Demo

    I see in the Enfold Shop Demo that you are not using the WooCommerce 3.0 Gallery option. Can you enable this option and see if the bug occurs?

    Enfold Shop Demo

    I just found another instance of bug on a different website. It’s definitely related to Enfold.
    Another example of Enfold WooCommerce Magnify Problem

    It works at first (sometimes) but always goes back to NOT magnifying after the cursor leaves the product image and returns.

    Video of Enfold Magnify Problem on Another Website

    • This reply was modified 5 years, 10 months ago by dameonjamie. Reason: Updates on status of Enfold Magnify Problem
    February 9, 2019 at 9:11 pm #1064996
    Mike

    Hi,
    Sorry for the late reply, with the Theme Options > Product gallery have WooCommerce 3.0 product gallery selected.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .woocommerce-product-gallery__image img.zoomImg:hover {
    width: 200% !important; 
    height: 200% !important; 
}

    Please clear your site & browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.