[Resolved] New CLS Woo Product Page

[Stephen]

Hi, no problem.

Does only works for up to 4 product images, if you have more than 4 then you’ll get some overlapping.

Another solution I’ve seen is to use a Woocommerce gallery plugin to replace the gallery completely but I’ve yet to find a gallery plugin I’m happy with.

Stephen

[Stephen]

For a free woocommerce gallery plugin to replace the product gallery entirely to stop CLS I’ve used the ‘WooSwipe’ plugin which seems to work OK.

You need to style it in additional CSS with:

div#wooswipe.images {}

or

/* STYLE 769px PLUS */
@media (min-width: 769px) {
div#wooswipe.images {
margin-right: 40px ;
}
}

[Author]

Posts