Product images & prices are not displaying

Resolved MJ
(@moonjunehoops)

6 years ago
The product images are there…it’s just not showing up. If you click on the blank, white space, it will open up the image, which was not suppose to happen.

The prices are also not displaying. It displays the price range (e.g. $16.00 – $25.00), but when you select a product, the actual price is suppose to show up.

It was working perfectly a few days ago, I haven’t mess up with woocommerce/product section in a while. I’m not sure what I did or what happened.

Please help. Thanks.
- This topic was modified 6 years ago by MJ. Reason: typos
The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

LTPL
(@logicrays)

6 years ago

Hi

Please add below css,

.woocommerce-product-gallery.woocommerce-product-gallery–with-images.woocommerce-product-gallery–columns-3.images {
opacity: 1 !important;
}

Thanks

Thread Starter MJ
(@moonjunehoops)

6 years ago

@logicrays Hey there. Sorry very new to WordPress. Where exactly do I copy and paste this css? Thanks

lorro
(@lorro)

6 years ago

Dashoard > Appearance > Customize > Additional CSS

Thread Starter MJ
(@moonjunehoops)

6 years ago

@lorro Thank you. I just did that. It does not seem to have effect though. I am not sure what is overriding it.
lorro
(@lorro)

6 years ago
There’s a dash missing. Try this instead:
```
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-3.images {
  opacity: 1 !important;
}
```
Thread Starter MJ
(@moonjunehoops)

6 years ago
Thanks @lorro . The images are now displaying, but it’s still acting up. Previously, none of the images were links, and when you click on one of the smaller images at the bottom, it would display that one.
- This reply was modified 6 years ago by MJ. Reason: typo
lorro
(@lorro)

6 years ago

I loaded up your theme, same version. I didn’t need the bit of custom css to make the product image display, and as you say, clicking one of the smaller images makes that one display.

If the theme is good, then its possible that one of your plugins is causing the new behaviour. Temporarily deactivate all other plugins. (don’t delete them) Does it work now? If so, reactivate other plugins one-by-one and check to try to identify which one is affecting the product images.

Thread Starter MJ
(@moonjunehoops)

6 years ago

@lorro Dang. I did that, and it seems that it’s not the plug-ins? When I switched up the theme, everything works just fine, though. The theme was working the very beginning. What does this mean?

lorro
(@lorro)

6 years ago

If it doesn’t work with the plugins disabled, maybe the theme is corrupted or did you alter any part of it? Try
– switching to the default theme
– delete your theme ( make sure you have a copy of its settings, including any custom css)
– download and install the theme again

Thread Starter MJ
(@moonjunehoops)

6 years ago

Thank you!!! That worked. Thank you @lorro

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Product images & prices are not displaying’ is closed to new replies.

Tags