Image size products

Hello,

I have a problem regarding the size of the images of product :
homepage (ajax products) : screen 1
product page : screen 2

Where I am supposed to configure the max size of all images?

Thanks,
Florian

Hi florian.arrive,

Thanks for reaching to us.

1. Basically, the product images are controlled by WooCommerce, through the option of Dashboard > Appearance > Customize > WooCommerce > Product Images, and the WoodMart theme doesn’t influence this. The size of the thumbnail you set should be larger than the size of the product thumbnail displayed on the shop page.

If the thumbnail size is smaller than what the default size expects, it may appear blurry or not display correctly. You can find the sizes used on the demo here: https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/ and Regenerate thumbnails using the appropriate plugin. https://wordpress.org/plugins/regenerate-thumbnails/

2. For the Product Archive page, please navigate to Theme Settings > Product archives -> Products styles, here you can enable Even product grid for desktop option to align products if they have different height components.

Regards,

Thanks. I’ve followed everything you explain.
I still have a problem on the single product page : https://easybeer.shop/produit/antigel/
Impossible to make it a smaller size… with the woodmart setting for single product.

Hi florian.arrive,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.single-product .woocommerce-product-gallery img {
    width: auto;
}

Regards,

[Author]

Posts