[Resolved] CLS issue – WooCommerce Single Product Page

[pro123]

Hi Team,

Pagespeed is reporting a CLS issue (0,262) for the following class on all WooCommerce single product pages

div class=”summary entry-summary”

Example URL in the private area

Regards,
Luuk

[David]

Hi there,

Theres several issues in Wocoommerce that can lead to CLS, one of which is image sizes of the gallery images. You can try giving the gallery a min-height with CSS:

.woocommerce div.product div.images .flex-control-thumbs {
    min-height: 100px;
}

[pro123]

Hi David,

Thanks for your advice.
The issue is still present. I will investigate further.

Thanks

Regards,
Luuk

[David]

Ok – let us know what you find

[pro123]

Thanks David!

[Author]

Posts