How to make mobile product image gallery peek out
-
On single product pages, how can we make it so that the next image is pushed out from the right a little so that users can see that there are more images (obviously)? This is a big factor for CRO that has been tested and brought up many times over the past year or 2.
Basically, the first image should be 75-85% of screen width, and then the 2nd image should show about 15-25% of it on the difference. Screenshot for reference attached.
Attachments:
You must be
logged in to view attached files.
Hello,
Currently, it is not possible to show the 1.5 image view for the gallery – https://prnt.sc/2qaNCP9YSArF
I suggest you leave a future request here – https://woodmart.canny.io/feature-requests so our developer can take it into account.
Kind Regards
It doesn’t have to be 1.5 image view, but I need some css or something that will make it show the next image slightly, please.
Hello,
Define the below custom to the Mobile CSS area in Theme Settings -> Custom CSS:
body .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
--wd-col-sm: 1.2 !important;
}
Kind Regards
.
