Home>Support>Woocommerce product images don’t display on page load.

Woocommerce product images don’t display on page load.

By Bert Ernie, 8 years ago. Last reply by Bert Ernie, 8 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

My site https://roodynoody.com/ has some problems which are baffling.

Woocommerce product images don’t display on page load IF the product was created using wpallimport pro.
Woocommerce product images do display on page load IF I made the product manually.

So logically you would think this is a wpallimport problem. And I contacted them and got a brief reply – “This would be a display issue, rather than an issue with the import itself, I’m seeing that there’s a bit of inline CSS that’s missing when the product page is initially loaded (which causes that section to be invisible). You’ll want to contact the theme makers about this, and ask them to look into this further for you.”

So here I am asking if the Unwind theme could be causing this.

Here’s a page which works (because it didn’t use wpallimport)
https://roodynoody.com/shop/mens-t-shirts/fearless-iranians-from-hell-die-for-allah-t-shirt-lyrics/

Here’s a page which doesn’t work (and the are many others which used wpallimport)
https://roodynoody.com/shop/mens-t-shirts/fashionable-woman-out-strutting-t-shirt/

I also have two other sites which have Unwind theme, similar plugins etc. They have no problems whatsoever.

However when I change my site https://roodynoody.com/ to use the TwentySeventeen theme, the problem goes away.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Bert,

    Unfortunately, I can’t seem to replicate this issue. It seems as though you’re using YITH WooCommerce Zoom Magnifier. Does this issue occur when you temporarily disable that plugin?

  2. 8 years, 7 months ago Bert Ernie

    When I disable the Zoom plugin the problem remains.

  3. 8 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Bert,

    Thanks. I see what they mean by missing markup now, well… kind of. I’m going to forward this thread to Andrew to see if he knows why this is occurring.

    If possible, could you please send me exactly what they said? It might give us a better idea as to what is going on.

  4. 8 years, 6 months ago Bert Ernie

    In my original post I posted the entire initial response from wpallimport. It was

    “This would be a display issue, rather than an issue with the import itself, I’m seeing that there’s a bit of inline CSS that’s missing when the product page is initially loaded (which causes that section to be invisible). You’ll want to contact the theme makers about this, and ask them to look into this further for you.”

    I requested they take another look at the problem. I have given them my login detail etc. I hope it gets resolved soon.

  5. 8 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Bert,

    You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .product.has-default-attributes.has-children > .images {
	opacity: 1 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

  6. 8 years, 6 months ago Bert Ernie

    Thank you. Worked like a charm.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More