3.0 Image Zoom Feature Jerky

  • Resolved ecaloshay

    (@ecaloshay)


    6 years, 4 months ago

    Hi all,

    I’ve been asked to investigate an issue with a theme which had the 3.0 gallery functionality added. They’re having trouble with the zoom where hovering over the image is jerky, specifically on Safari.

    You can repro by going to this page: http://natsukashi.com.au/product/lancelin-sheets/

    Click on the 3rd image with the label and hover over to trigger the zooming functionality and moving the mouse causes the image to bounce erratically rather than zoom smoothly. If it works first up, click on another thumb and back again and hover over the image.

    I initially thought it was related to pinterest save buttons (when the zoom was jerky the pinterest save button would also jump around) but disabling pinterest on the page still produces the same effect.

    Status Snippet showing template overrides:

    
### Templates ###

Archive Template: Your theme has a woocommerce.php file
you will not be able to override the woocommerce/archive-product.php custom template since woocommerce.php has priority over archive-product.php. This is intended to prevent display issues.

Overrides: gloria/woocommerce/global/breadcrumb.php
gloria/woocommerce/myaccount/my-address.php
gloria/woocommerce/single-product/related.php version 1.6.4 is out of date. The core version is 3.0.0

Outdated Templates: ❌Learn how to update

    Googling for this issue has only revealed a Jetpack issue with pinterest, but Jetpack isn’t enabled, and pinterest is disabled (nopin on any images) this doesn’t seem to be it, and I’ve also tried the solution Jetpack recommended anyway.

    I’ve also compared the CSS for compatibility with 3.0 with Storefront and a few other migration guides and those seem to be in order as well.

    Anyone seen this, and/or have any suggestions?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Dan (a11n)

    (@drawmyface)

    6 years, 4 months ago

    I’m not seeing any jerkiness. Here’s a screencast from Safari:

    http://cld.wthms.co/NvA3zt

    (There’s a very minor flicker on the recording, but it’s completely smooth in the browser itself). Same on Chrome.

    Can you provide any further details, or a screencast so we can see what you’re seeing?

    Thread Starter ecaloshay

    (@ecaloshay)

    6 years, 4 months ago

    Screencast: http://d.pr/v/Tn4S6z

    The first hover attempt works (this isn’t always the case), but the second should show the jerkiness clearly.

    Ta!

    Dan (a11n)

    (@drawmyface)

    6 years, 4 months ago

    ok, I can see the issue on your site now, but I wasn’t able to reproduce it on a test site.

    Issues like this are often caused by either a conflict with your theme or with another plugin.

    The best way to determine if the issue is being caused by a theme and/or plugin is to temporarily switch your theme to Storefront (https://www.woocommerce.com/storefront/) and disable all plugins except for WooCommerce. A good way to do this is with a free plugin called Meks Quick Plugin Disabler (https://wordpress.org/plugins/meks-quick-plugin-disabler/), which will remember what plugins you currently have active so it’s easy to switch back.

    If that resolves the issue, then slowly re-enable features until you find the one that’s causing the conflict.

    Thread Starter ecaloshay

    (@ecaloshay)

    6 years, 4 months ago

    No problem. Wasn’t sure if there was something obvious I was missing.

    Will go through Storefront and the plugin review.

    Thanks!

    Joel Williams

    (@joelwills)

    Automattic Happiness Engineer

    6 years, 3 months ago

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, please start a new thread.

    Thanks!

    Thread Starter ecaloshay

    (@ecaloshay)

    6 years, 3 months ago

    Apologies for the delay in response. Everyone disappeared over the new year break so was only just able to confirm this.

    Plugins were fine, it was the custom theme styles that was the problem.

    Whether or not this makes sense, removing overrides for the a.fancybox and a.fancybox:hover selectors resolved the problem.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘3.0 Image Zoom Feature Jerky’ is closed to new replies.

Tags