Single Product Details – Thumbnail Size
-
I already set 4:3 for thumbnail size, but why it didt crop nicely in single product pages product thumbnail there? can you please help me to check how to make the size all the size?
Attachments:
You must be
logged in to view attached files.
Hello,
The setting you adjusted in Appearance > Customize > WooCommerce > Product Images under Thumbnail Cropping strictly applies to catalog grid images.
Your images differ considerably in size, that is why not showing in same size. So, navigate to WoodMart > Theme Settings > Custom CSS > Global Custom CSS and paste this code:
/* Force 4:3 Aspect Ratio on Single Product Gallery & Thumbnails */
.woocommerce-product-gallery .wd-carousel-item img,
.wd-gallery-thumb .wd-carousel-item img {
aspect-ratio: 4 / 3 !important;
object-fit: cover !important;
width: 100% !important;
height: auto !important;
}
Best Regards
.
