Support » Plugin: WooCommerce » product image disappeared after last update

  • Resolved holdportals

    (@holdportals)


    Hello
    Im having a problem with all my product pages,
    the product image disappeared from view for all products.
    I tried my best to dig into this and what I was able to find is that a styling issue is causing this, but Im not sure where and if I should change this at all.
    in dev tools if I hover on this section

    <div data-thumb="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" class="woocommerce-product-gallery__image flex-active-slide" data-thumb-alt="" data-o_data-thumb="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-100x100.jpg" style="width: 576px;margin-right: 0px;float: left;display: block;position: relative;overflow: hidden;"><a href="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" data-o_href="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc.jpg"><img width="430" height="430" src="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" class="wp-post-image" alt="" title="904-iuxiux.jpg" data-caption="" data-src="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" data-large_image="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" data-large_image_width="430" data-large_image_height="430" srcset="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg 430w, https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux-150x150.jpg 150w, https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux-300x300.jpg 300w, https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux-100x100.jpg 100w" sizes="(max-width: 430px) 100vw, 430px" draggable="false" data-o_src="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-600x600.jpg" data-o_height="600" data-o_width="600" data-o_srcset="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-600x600.jpg 600w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-150x150.jpg 150w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-300x300.jpg 300w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-768x768.jpg 768w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-100x100.jpg 100w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc.jpg 800w" data-o_sizes="(max-width: 600px) 100vw, 600px" data-o_title="903-ud8hdc.jpg" data-o_alt="" data-o_data-src="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc.jpg" data-o_data-large_image="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc.jpg" data-o_data-large_image_width="800" data-o_data-large_image_height="800"></a><img role="presentation" alt="" src="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 430px; height: 430px; border: none; max-width: none; max-height: none;"></div>

    and on the styling section I change float: left; to float: none; or any other value, I can see the product image.

    element.style {
        float: left;
    }

    can someone please help?
    thanks

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    Hi there,

    The first thing is to rule out a theme conflict. To test for that, are you still experiencing the same issue after temporarily switching to the default Twenty Seventeen theme? If the issue goes away, then you’d need to get in touch with your theme developer for more support on this 🙂

    I am having the same issue.
    But i have found out that the issue happens only with products that has more than 1 picture of the product.
    When i remove the pictures from the gallery of the product, the problem does not happen.
    Some things i have tried:
    1. if i click the magnifying glass icon where the picture of the product is missing, the image is opening in a floating window as it should and the picture does show.
    2. I have checked all store pictures for sizes – all has sufficient pixels etc.
    3. I have run the thumbnails regeneration several times – not fixed the issue (that’s how i figured it has nothing to do with the pictures themselves).
    4. I have disabled all other plugins – no change.
    5. I have changed to “Storefront” theme – same issue.

    Thread Starter holdportals

    (@holdportals)

    Hi @riaanknoetze
    I changed theme to Storefront. the issue did NOT go away. I can test with Twenty Seventeen if its necessary.
    my case looks the same as @djmagicfingers described above. if i click the magnifying glass icon where the picture of the product is missing, the image is opening in a floating window…

    one more thing that makes me suspect woocommerce is when I select class=woocommerce-product-gallery__wrapper and change width: 1200% to 600% or less, the image suddenly pops out.
    please see this screenshot for what i refer to: https://prnt.sc/jnjrlw

    searching google for “woocommerce-product-gallery__wrapper” bring many results related to this problem but Im not sure if I should change these settings. for example:
    https://createandcode.com/broken-photo-gallery-and-lightbox-after-woocommerce-3-0-upgrade/

    Thread Starter holdportals

    (@holdportals)

    If anyone have the same problem, just know that the only solution I found is to restore my site from backup to an earlier version of woocommerce Version 3.3.5
    as this is not a real solution, and I cant find any help here on woocommerce forum, I suppose I will have to find another solution for my ecommerce store such as shopify.

    Plugin Support Ryan Ray, a11n

    (@ryanr14)

    Hi @holdportals,

    Since you’ve tried a different theme, could you also try deactivating other plugins outside of WooCommerce to see if that makes a difference?

    From there send us your system status.You can find it via WooCommerce > Status.
    Select “Get system report” and then “Copy for support”.  Once you’ve done that, paste it here in your response.

    Plugin Support Jesse Pearson

    (@jessepearson)

    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.

    Hello,

    I am having the same problem. I did not make any changes, except upload, delete and re-upload images several time to change the image size for the 2 products.
    Only two product, only 1 image each product.

    Suddenly, only on mobile view, the images disappear! But on my macbook computer, looks fine.
    Anyone know what I can do? In fact it does this:
    The shop product images load…then a second later, they disappear. Strange.

    here is the page:
    https://www.jennyeleni.com/shop
    Try it on a computer and then on a mobile device. Maybe the images are not responsive size? whatever that means, just stabbing in the dark.

    Thanks in advance!
    Jenny

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘product image disappeared after last update’ is closed to new replies.