Archived topic
White spacing in individual woo shop product pages and broken icons
7 replies · Started by Matthew on August 3, 2021
Hello,
I've recently noticed a drop in revenue and after doing a bit of investigating I noticed my site has a couple of issues in the individual shop pages:
https://snipboard.io/DoHgi6.jpg for a screenshot and highlights of the issues. Here's a live page: https://shorturl.at/dDHVX
After following the checklist you provide, I've identified it as a conflict with WP-Rocket. The only settings I've enabled in the File Optimization tab are:
- Minify CSS files
- Optimize CSS delivery
- Minify JavaScript files
I do need Rocket to optimize for this whole Core Vitals metric. But how do I make it compatible with GeneratePress's child theme I'm using? I have no issues with my Genesis theme on a different site with much more WP Rocket settings enabled.
I appreciate any insights you can provide.
Hi there,
I've tried accessing the shorturl but it doesn't seem to be working.
Can you add the exact URL of the page on the private information text field? So we can inspect and do page performance test to see the results and base any advice on optimization from it. :D
Thanks Elvin for the response. No worries, I've added the url to the private box.
Hi there,
can you try adding this PHP Snippet to your site:
add_action( 'after_setup_theme', function() {
remove_action( 'wp_head', 'generate_add_viewport' );
add_action( 'wp_head', 'generate_add_viewport', 1 );
} );
Hey David,
Thanks for the suggestion.
I've added the php snippet to my child themes functions.php and cleared the WP-Rocket cache as well as Kinsta's server one.
It doesn't seem to have made any difference. Is there anything else I can try?
After disabling all the settings of WP Rocket and going one by one, I've isolated it to the "Optimize CSS delivery" setting which seems to cause the issues and have now disabled, though it's affected the Core Vitals score.
Thanks for the find, it could quite possibly be that.
At the moment I'm midway through a sale so I haven't yet enabled the WP Rocket GeneratePress/WooCommerce Helper Plugin.
One issue that a customer sent is relating to the Add to Cart button using an iPhone. When on an individual product page, clicking the Add to Cart button once doesn't do anything. You need to hit it again for it to be added to the cart.
I can't replicate it on my android so I'm assuming it's iPhone-specific. Would the issue responsible for the above ticket also cause this problem or should I open a new support ticket?
Cheers
Theres a known issue in WP Rocket defer JS that can cause that problem - see here: