Product image not appearing in Product category view (woo. prod. cat.)

This support ticket is created 7 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 0.38 hours from now. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Views plugin

This topic contains 7 replies, has 2 voices.

Last updated by Christian Cox 7 years, 2 months ago.

Assisted by: Christian Cox.

Author

Posts

May 23, 2017 at 1:40 pm #527518

DanielS9588

This site was presenting everything correctly. Then I updated the Woocommerce to 3.07, WP-TOOLS plugins and WordPress to 4.7.
hidden link

All still works except for the Product image is not showing on the WooCommerce pages. You can click and view the larger image, but the product image cannot be see on the page.

Insight as to what happened and how to fix would be great.
Thanks.

May 23, 2017 at 9:08 pm #527692

Christian Cox

Hi, this bug should be resolved in an upcoming release, but in the meantime you can add the following CSS to show all the images:

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.images, .woocommerce-product-gallery.woocommerce-product-gallery--without-images.images {
  opacity: 1 !important;
}

Please let me know if this does not resolve the issue for you and I will take another look. Sorry for the inconvenience!

June 1, 2017 at 3:52 am #531206

DanielS9588

Christian,

Yes, this code works, but oddly only when the site goes below 960 px do the images appear and only on the Chrome browser.

I have to say this is the oddest issue I've come across in quite some time.

I've attached an image, so you can see what I'm seeing.

I hope that we can get this resolve asap.

Thanks for the help,

June 13, 2017 at 1:20 pm #536107

DanielS9588

Checking to see of a response to my outstanding issue.

June 13, 2017 at 1:53 pm #536128

Christian Cox

Hi I see that our developers have proposed a fix for this issue, and it is undergoing testing to be included in a future release. However I don't have a firm timeline for that yet. If your images aren't appearing, I can recommend a change to the code I provided earlier:

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images, .woocommerce-product-gallery.woocommerce-product-gallery--without-images.woocommerce-product-gallery--columns-4.images {
  opacity: 1 !important;
}

When I add this CSS it seems to resolve the issue in Firefox and Chrome. Can you try this and let me know the results?

August 16, 2017 at 11:58 am #560332

Christian Cox

Hi, just a quick update to let you know the permanent solution to this problem has been released in the latest versions of Toolset and WooCommerce. Can you confirm that your product images are being displayed correctly?

August 21, 2017 at 2:52 am #561793

DanielS9588

Christian,

I'm in the process of migrating copy of the site to anther server for developing/test purposes.

I'll be in touch during the week when I learn what the outcome is.

Thank you for letting me know that the issue has been resolved and I'll try updating accordingly.

Thanks again.

August 21, 2017 at 4:15 pm #562070

Christian Cox

Sure, I will mark this ticket as pending an update from you. The ticket will remain open for 30 days unless you reply before that. No need to reply right now.