Skip Navigation

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

This support ticket is created 5 years, 8 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.

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: 

This topic contains 7 replies, has 2 voices.

Last updated by Christian Cox 5 years, 5 months ago.

Assigned support staff: Christian Cox.

Author
Posts
#527518
524072-image_of_code.jpg
524072-image_not_showing.jpg
wp-tools-list.PNG

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.

#527692

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!

#531206
gv site issue.JPG

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,

#536107

Checking to see of a response to my outstanding issue.

#536128

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?

#560332

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?

#561793

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.

#562070

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.