WooCommerce Product images not showing on Product page – Themeco Community

WooCommerce Product images not showing on Product page

zekedm — Wed, 13 Aug 2014 16:03:59 +0000

I’m having an issue with the product images not showing up on the product pages. The thumbnails show up just fine in the catalog view, but when you go to a specific products page, it just shows little empty square where the images should be. But, if you click on one of the little empty squares, the popup of the image works fine.

Catalog Page: http://pocketkniveshq.wpengine.com/knives/
Specific Product Page: http://pocketkniveshq.wpengine.com/product/emerson-cqc-7k-wave-black-stainless-stonewash-tanto-plain/

Reply To: WooCommerce Product images not showing on Product page

Mrinal — Wed, 13 Aug 2014 18:38:54 +0000

Hi There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with some information below (don’t forget to select Set as private reply to ensure that your data remains hidden):

Your URL.
Your WordPress login credentials.
Your FTP credentials (in case we need to check anything out on your server).

Once we have all of this, we’ll be happy to take a deeper look into things.

Reply To: WooCommerce Product images not showing on Product page

zekedm — Wed, 13 Aug 2014 19:19:12 +0000

This reply has been marked as private.

Reply To: WooCommerce Product images not showing on Product page

zekedm — Wed, 13 Aug 2014 19:23:58 +0000

Also, the product tabs aren’t working on the product pages and the content I’ve been trying to put on the home page isn’t showing up properly…

Reply To: WooCommerce Product images not showing on Product page

Nabeel A — Wed, 13 Aug 2014 19:36:48 +0000

Hey Zekedm,

You’ll need to set the featured image for all the products. These empty squares are just placeholders. They will get replaced if you set the featured image for the particular product.

Let us know how this goes!

Reply To: WooCommerce Product images not showing on Product page

zekedm — Wed, 13 Aug 2014 19:54:08 +0000

The featured image is already set on all of them…

Reply To: WooCommerce Product images not showing on Product page

Mrinal — Wed, 13 Aug 2014 20:17:13 +0000

Hi There,

WooCommerce Styler was causing the issue. The images dimension was set 0%, so they weren’t showing, I changed the settings:

Check individual product pages now, hope you’re satisfied.

Now, go to plugins page. Check you preferred plugins are activated or not. While investigating the issue, I deactivated some.

Reply To: WooCommerce Product images not showing on Product page

zekedm — Wed, 13 Aug 2014 20:32:18 +0000

Ok, looks good. The tabs still aren’t showing up with the Additional Information, Reviews, etc. Here’s one of the products that I have attributes put in for in the back-end, but none are showing up in the front: http://pocketkniveshq.wpengine.com/product/sog-tac-automatic-black-aluminum-handle-plain/.

Reply To: WooCommerce Product images not showing on Product page

Zeshan — Wed, 13 Aug 2014 20:55:06 +0000

Hi Zakedm,

There is some custom CSS added that is causing the tabs not showing issue. To fix this, please add the following CSS code in Customizer > Custom > CSS:

.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
   height: auto !important;
}

Hope this helps. 🙂

Thank you.

Reply To: WooCommerce Product images not showing on Product page

zekedm — Wed, 13 Aug 2014 21:53:16 +0000

Excellent, thank you! Now for the Home page, how am I supposed to get product content on the page like you do here: https://theme.co/x/demo/shop/integrity/