Woocommerce Image Gallery bug on Firefox

  • Resolved anton13

    (@anton13)


    4 years, 9 months ago

    Hello there,
    I have a problem with the image gallery on my products page, in the Firefox browser the images have a different width than the width they have on other browsers (Google Chrome, Safari etc.). This cuts the images on Firefox.

    Has anyone had the same problem?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Shaun Kuschel a11n

    (@shaunkuschel)

    Automattic Happiness Engineer

    Hey @anton13,

    Sorry for the delayed reply. Have you figured out what was happening since you created this thread? If not, I would check to see if the same thing happens with a default WordPress theme when comparing the different browsers.

    Plugin Support Shaun Kuschel a11n

    (@shaunkuschel)

    Automattic Happiness Engineer

    Since we haven’t heard anything in a while, I’m going to close out this thread. However, if you’re still running into issues and the above suggestion doesn’t help, feel free to create a new thread (and link to this one). Thanks!

    I have the same problem. The bug is in the class “woocommerce-product-gallery__image” element. WordPress give a width value in chrome or safari (a coorect one), and other in firefox (here is the same width than the class “woocommerce-product-gallery”). I suppose it happens because I move the gallery thumbnails to the left of the main image. I don’t know how can I fix it.

    Chrom:
    <div data-thumb="https://dozeclean.local/wp-content/uploads/2020/08/CAM_15-150x150.jpg" data-thumb-alt="CAM_15" class="woocommerce-product-gallery__image flex-active-slide" style="width: 554px; margin-right: 0px; float: left; display: block;">

    Firefox:
    <div data-thumb="https://dozeclean.local/wp-content/uploads/2020/08/CAM_15-150x150.jpg" data-thumb-alt="CAM_15" class="woocommerce-product-gallery__image flex-active-slide" style="width: 633px; margin-right: 0px; float: left; display: block;">

    I am having the same problem. Anyone got a solution?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Woocommerce Image Gallery bug on Firefox’ is closed to new replies.