New product gallery not working with SVG product images

  • Hey team,

    I noticed that the new product image gallery features including the zoom and show image full size are not working when using SVG files as product images.

    Using plugin “SVG Support” to allow using SVG and it worked fine for previous versions of WooCommerce, plus it works in the current version of WooCommerce but only for the product image on the single product page. When you hover, it doesn’t zoom and when you click it, the modal is just black.

    I can confirm that it is only with SVG, it works as expected when using standard image formats.

    I looked to see if it was just a width display issue, but can’t seem to figure it out.

    Any help you can provide would be awesome!

    • This topic was modified 7 years, 11 months ago by Benbodhi.
Viewing 1 replies (of 1 total)
  • Thread Starter Benbodhi

    (@benbodhi)

    After some more digging, I found that image sizes are calculated and there is inline style being applied that affects the zoom and the image in the modal.

    The style in particular is transform: translate3d. One line with this:

    <div class="pswp__zoom-wrap" style="transform: translate3d(739px, 550px, 0px) scale(0);">

    The numbers are not calculated correctly for SVG files.

    • This reply was modified 7 years, 11 months ago by Benbodhi.
Viewing 1 replies (of 1 total)
  • The topic ‘New product gallery not working with SVG product images’ is closed to new replies.