Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Multi-Image WooCommerce CLS

  • I’m experiencing quite a bit of CLS from WooCommerce product pages that have more than one image…
    I’ve disabled WP Rocket, disabled server caching, and tried some other debugging techniques to no avail. I am currently deactivating plugins to see if I can narrow the issue but thought I might post here if anyone has any additional suggestions.

    Google is complaining of <div class=”summary entry-summary”> causing CLS issues on product pages with more than one image.

    An example of a problem page is here with a CLS > 0.3.

    An example product page with only a single image shows a CLS of 0!

    At one point, Google suggested the CLS was caused by the additional image gallery (.woocommerce-product-gallery), but it doesn’t complain of that now. Just the product summary…

    If anyone has seen this before, I’d appreciate any hints! Thanks.

  • Hi there,

    The product gallery is a WooCommerce core feature so this isn’t something we can help with here unfortunately.

    I tested a single product page from our site library template and didn’t experience an issue though:
    https://www.screencast.com/t/79DEq105O

    Here is the tested page: https://gpsites.co/seller/product/happy-ninja/

    Hope this helps 🙂

  • Hi Leo
    Thanks for the reply. I understand the issue is WooCommerce related.
    I’ve implemented the WooSwipe plugin as mentioned here and that took the multi-image product page CLS to 0.

  • Sounds good 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.