How can i change product picture sizes?

Hi, I would like to know where I can resize these images for product slider and then also where I can add more spacing. I am using elementor and haven’t found the right setting for image size there yet. Under Style I can set something, but does not change anything.

Attachments:

You must be logged in to view attached files.

answer please!!

Hello,

Sorry for the delay in the response.

If you are using Products (grid or carousel) element on your Site and want to adjust the Product Image size in that you need would need to edit that Element > go to Style tab of it under the Elementor editor > then open the Product design sub-tab > in that you can find the Image Size option: https://ibb.co/7V7jpfM

Best Regards

Hi, that are not working. Here is a screenshot. If I change this, then it either shoots me the whole page or everything is absolutely pixelated. What can i do?

Attachments:

You must be logged in to view attached files.

I have try it with paddings but this is not a great solution right?

Attachments:

You must be logged in to view attached files.

Hello,

As far as we are seeing the Screenshot of the Custom Image Size you defined for the Images, it was only 50 (px) added as Width and that’s why the Images were appearing as Pixelated because the Original Size might have been higher than that. Try adding a Custom Image Size higher than and then check back the issue again.

Also, add Width and Height, not just Width.

Also, if the issue still somehow persists, then please share the valid WP-ADMIN Login details of your Site in the below-listed format on which you are facing the issue so that we can look after the mentioned issue on your Site and assist you accordingly.

WP-ADMIN URL:
WP-ADMIN USERNAME:
WP-ADMIN PASSWORD:

Best Regards.

it will not work with width and height. Please look

Hello,

As far as the Image Size change is concerned, it is working fine if we are adding Custom Size: https://ibb.co/QcDNDQT

Although, we don’t apply it but just showed you the work.

Secondly, there isn’t an option correctly to add Padding under the Image. So, for that you can try out the following Custom CSS on your Site pasted under the Dashboard > Theme Settings > Custom CSS > Global Custom CSS:

.slide-product .product-element-top .product-image-link img {
    padding: 25px !important;
}

In this CSS, you can change the value of Padding according to your choice.

Best Regards

Okay, but why is it only blurred for me when I enter for example 50×60 or other and the actual size is not changed? Attached is a screenshot that it is only pixelated on me, at the bottom it is also destroyed

Attachments:

You must be logged in to view attached files.

Hello,

Basically, the Product and Categories images are controlled by WooCommerce and the Theme doesn’t influence this. WooCommerce allows some settings that you can find under the Dashboard >> Appearance >> Customize >> WooCommerce >> Product Images (but it only provides the option to adjust Width, not Height).

Further, under the Section Custom Image Size that you are trying like 50 x 80 or something like these, these Sizes are actually below your current Image resolution that’s why they seem to be making your Product Images blurry.

Best Regards.

[Author]

Posts