• Resolved Hazz

    (@hazz14)


    Hello,

    I have a website built with Oxygen Builder and Woocommerce, all latest versions as of this post. The built in Woocommerce gallery zoom function works when hovering over the first image, but when selecting another image, the zooming doesn’t work correctly, and jumps around.

    I’ve looked at the console output from Firefox and it appears the top and left CSS declarations are being dropped while this is happening.

    Any ideas what this could be? I’ve tested multiple browsers.

    Many thanks

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • I’m having the same issue. Following

    • This reply was modified 4 years, 6 months ago by imaginatii.
    Nico

    (@nicolamustone)

    Automattic Happiness Engineer

    Hello there,
    does this happen also when Oxygen Builder is disabled?

    Thread Starter Hazz

    (@hazz14)

    Hi – Unforunately it is a little hard to test, when Oxygen is disabled nothing will load, as it is the theme. I was hoping you might be able to see the problem from the console output and advise.

    Plugin Support EtienneP a11n

    (@etiennep)

    Hi @hazz14

    I had a look at the product and can see what you mean, and when I disable certain CSS in your theme, it works fine;


    Link to image: https://cld.wthms.co/Y0C8dh

    From what I can see it is the CSS on line 1076 here – https://petersmithandson.co.uk/wp-content/uploads/oxygen/css/universal.css

    I would suggest you reach out to the developer of the theme to have a look at this for you

    Nico

    (@nicolamustone)

    Automattic Happiness Engineer

    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, you can start a new thread.

    Thread Starter Hazz

    (@hazz14)

    Many thanks for the help. I can confirm this was the issue and have reported it to Oxygen.

    In case anyone else is having the same problem, as a temporary fixed I added this to a custom stylesheet in Oxygen:

    .woocommerce a,
    .woocommerce img {
      transition: none !important;
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Gallery zoom issues’ is closed to new replies.