Product gallery not working correctly

  • Resolved Tishina

    (@gkaralov)


    2 years, 7 months ago

    Hello,

    I’ve been having some issues with how the product gallery works on mobile. Particularly:

    – tapping images sometimes doesn’t open them
    – switching between them with the finger feels laggy, the switch stransition isn’t smooth, like there is something in its patht.

    I disabled all plugins except WooCommerce and the issue pertains. What can be causing that?

    Here’s a video.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @gkaralov

    tapping images sometimes doesn’t open them

    I tested your site and couldn’t reproduce this issue. I recorded a screencast, you can see here how it looks on my end:

    https://streamable.com/tx0o2c

    switching between them with the finger feels laggy, the switch stransition isn’t smooth, like there is something in its patht.

    The speed oscillation during images’ sliding is an intended behavior, ruled by a CSS declaration on the core WooCommerce’s style sheets.

    If you want to change the sliding speed’s curve, this tool allows you to generate a new animation pace:
    https://cubic-bezier.com

    Next, copy the animation’s expression that you generated, replace it on the code below, and include the code in your Custom CSS, under Appearance ? Customize ? Additional CSS:

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  transition: all cubic-bezier(.795,-.035,0,1) .5s !important;

    I hope I was able to help you with this.
    Best

    • This reply was modified 2 years, 7 months ago by hegenberg.
    • This reply was modified 2 years, 7 months ago by hegenberg.
    Thread Starter Tishina

    (@gkaralov)

    Hi @hegenberg

    Thank you very much for answering my topic!

    I’m so glad the speed oscillation can be changed. I’ve just done that on my staging website and made it far more enjoyable for mobile users. While you didn’t reproduce the first issue, I can still reproduce it on the live website but on the staging site where I changed the speed oscillation, I haven’t been able to reproduce the the first issue after the change.

    Next week I will implement the new speed oscillation on the live website and will report back if the first issue is gone too.

    Hi @gkaralov

    Sounds like a plan! Please let us know how it goes!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Product gallery not working correctly’ is closed to new replies.