Archived topic
Woocommerce image size - Category Page
6 replies · Started by pro123 on May 21, 2022
Hi Team,
I'm using a Woocommerce shortcode to display my product in a specific category. I would like to increase the image size and decrease the space between the columns. This applies to desktop and tablet view
WooCommerce Shortcode: [products limit="200" columns="3" category="xx"]
Rendered size: 400px x 400px (Current)
Aspect Ratio: 1:1
Image size: 800px x 800px
Container size 1200px
Image size required: 500px x 500px with less space between the images
Website details in private section
Regards,
Luuk
Hi there,
in Customizer > Woocommerce --> Product Images you can set the Thumbnail width to the size you require.
Hi David,
I have disabled all plugin and left the WooCommerce and GP Premium plugin enabled.
Below WooCommerce short code is applied
[products limit=”200″ columns=”3″ category=”xx”]
The result on the category page is that most of the images have the correct size 525 x 525 and some of the images have a smaller size 400 x 400.
When I disable the GP Premium plugin all image are back to the normale size: 525X 525
I provide some product examples in the private section.
Regards,
Luuk
Can you try to add this CSS?
.wc-product-image .inside-wc-product-image {
width: 100%;
}Thanks Ying!
Problem is solved.
Resolved
You are welcome :)
