Archived topic
AJAX, CSS and images on don't work on certain WC single product pages
4 replies · Started by Daan van on January 17, 2018
Hi Leo and Tom,
I have an issue with three of my products and I hope you can help me with it.
The products are:
https://www.cribster.nl/shop/kidsmill-lars-retro-wieg/
https://www.cribster.nl/shop/troll-sun-co-sleeper/
https://www.cribster.nl/shop/leander-hangwieg/
They should look like:
https://www.cribster.nl/shop/chicco-next-2-me-dream-legend/
To my knowledge they should work the same and I've haven't changed them for ages.
What I already did:
Turned off and on all snippets, removed all simple CSS, regenerate all thumbnails, uploaded new images and I've contacted WC helpdesk.
They resolved the issue with the images with the following snippet that I implemented on product level:
.woocommerce span.onsale {display: none;} (own code for the onsale sign)
.woocommerce-product-gallery.woocommerce-product-gallery--with-images {
opacity: 1 !important;
} (the fix for the image).
As I said this fixed the image problem, but still the custom code differences (visible in the product description) are not implemented and I would like to keep the code as simple as possible. Furthermore, the AJAX does not work on these pages (showing price and stock when selecting both variables).
Would be awesome if you could take a look at it. Thank you so much!
Kind regards,
Daan
Hi there,
I believe these are problems from the WooCommerce's end.
Can you ask their support to have a look first?
They should be able to provide the best way to remove those opacity as well.
Let us know if they think it's a theme problem.
Hi Leo!
I've bounced it back one more time to WC helpdesk, see what they will do. I;ve tested it again with all CSS and Snippets turned on and off again, but no difference. I'll keep you posted about what they say!
Hi Leo and Tom,
I've found the problem. It isn't WC or GP, but it was the Cloudflare rocket loader. Fixed it by adding a page rule to exclude shop and product pages from using Rocket Loader. I hope this can help someone else.
Bye for now!
Thanks for reporting back :)
