Site logo

Archived topic

New CLS Woo Product Page

16 replies · Started by Stephen on March 23, 2023

Viewing posts 16–17 of 17

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

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 ;
}
}

This archived topic is closed to new replies.