Support » Plugin: WooCommerce » WP Rocket Caching Issue with Product Pages

  • When Caching is not excluded from WooCommerce Product Pages utilizing X Theme Pro it takes the two containers on the product pages, the left that holds the image carousel, and the right that holds the title, short description, and add to cart information and stacks them like they were in a mobile view.

    Instead of Image Left, Content Right, it causes them to appear Image Top and Content Bottom. WooCommerce naturally has them appear in the later organization on mobile screen widths only.

    However, if I do not expressly exclude “shop/(*)” pages from WP-Rocket caching, it also shows the mobile top/bottom content layout on desktop screen widths.

    I’d like very much to use WP-Rocket on all the shop pages (excluding my account and checkout). But this visual issue is preventing me from using it, which is preventing me from the speed gains associated with the use of the plugin.

    WP Rocket of course says to test every button one by one and spend two hours configuring which thing it is and then turn it off globally.

    I don’t want to turn off any settings globally.

    As far as I can tell, I just need to know the file location for the javascript or css that creates the style for the shop pages, and then just add an exclusion to not Concatenate that particular file, so that i can still cache shop pages, while leaving that coding alone.

    Can you tell me where that file is located?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Adam a11n

    (@adamkheckler)

    WP Rocket of course says to test every button one by one and spend two hours configuring which thing it is and then turn it off globally.

    Hmm, well, to be honest I think they gave you some good advice there. That’s basically the scientific method in a nutshell: change one thing, see what happens. If it doesn’t work, try another thing. It’s the best way to find out exactly what’s causing the problem.

    Besides, since it’s their plugin that’s causing the issue, I’d be inclined to listen to their support staff when it comes to how best to troubleshoot it. If the issue goes away when you disable WP Rocket, then yeah, I’m not sure there’s much we can tell you here that’s going to be more helpful than WP Rocket’s own staff.

    Sorry I can’t be of more help here! 🙁

    I’ll leave this open for a bit in case someone else would like to contribute. WP Rocket is fairly popular after all.

    Thread Starter usat009

    (@usat009)

    I don’t think you read my full post, you stopped like halfway through.

    To recap, the question I posed to WooCommerce is below:

    As far as I can tell, I just need to know the file location for the javascript or css that creates the style for the shop pages, and then just add an exclusion to not Concatenate that particular file, so that i can still cache shop pages, while leaving that coding alone.

    Can you tell me where that file is located?

    Plugin Support Adam a11n

    (@adamkheckler)

    This depends on your theme and precisely what combination of WooCommerce-related extensions you have.

    The best way to figure out what CSS files are being affected is probably to use the browser inspector to look at CSS files coming across the network, selectively block them, reload the page, and see what effect that has.

    Screenshot: https://d.pr/i/qqKWYW/7dGoDyQRM4

    By blocking one, reloading, and seeing what the page looks like, you can see what CSS files are constructing the shop page. Then you can whitelist those from concatenation.

    That said, this is sort of out of scope as far as what we can help with. The problem seems to be coming from WP Rocket, so their support would know best how to fix this.

    Thread Starter usat009

    (@usat009)

    Out of the box, standard woocommerce, what is the file name that styles each product page? Themes do not change your core naming conventions. or is it a number of different files acting in concert? and if so, what are the file names?

    I have no used any plugins to style the product pages.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘WP Rocket Caching Issue with Product Pages’ is closed to new replies.