Product image change size when select color

When one color is selected, the size image of the product is changed… How do i fix that?

Attachments:

You must be logged in to view attached files.

Hello,

Please share the product page URL where the issue is situated so i will check and give you a possible solution.

Best Regards

Right, not all the products will have a image for a different color, but the ones how have it is happening this issue

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Of course, to access this test site, you need to access it through the hostinger panel. I’ll give you the login. Just don’t publish the changes to the staging site

Attachments:

You must be logged in to view attached files.

Hello,

First of all update the new version of the theme “WOODMART WordPress NEW: 8.0.6 RELEASED”, update the required plugin, and check the option.
https://xtemos.com/docs-topic/update-the-theme/

If the issue remains, turn off all of the plugins not related to the theme, refresh your cache, and check if the problem persists.

If the issue still remains, let me know and I will check and give you a possible solution.

Best Regards

I updated the theme as requested and disabled the plugins that are not part of it one by one and tested it, but the problem persists…

Hello,

Can you please share the WP admin login details of the staging site so I will check and give you the possible solution.

Best Regards.

Course, it’s the same i’ve sent before, just follow the same steps from the other reply

Hello,

Your issue has been solved. The issue is with the custom layout created for the product archived pages. I have deleted the old layout and created the new layout and assigned that layout to the product archive pages, now the images are working fine after selection the variation on the product grid. Please check the site now after removing the browser cache.

Best Regards.

In fact, i need the images in the original size they are defined before… 400×550 px. The problem that was ocurring is that the images was changing the size for that you have changed right now. I need the images to stay in the custom size (400×550), even if another color variation is selected.

Hello,

You can set the image size by editing the layout from the Layout section >> Edit the New Layout that is assigned to the product archive pages >> then Edit the Archive product widget >> then set the image size as per your need: https://ibb.co/FdC3XgM

Best Regards.

But that’s exactly what I did and how it was set up before you created a new layout… I explained in the previous message, it was already set to a custom size, the problem occurs when a variation is selected and the image size decreases!!! That’s what needs to be fixed

Hello,

Sorry for the inconvenience,

First of all, we wanted to explain that the functionality of swatches on the product archive is the same as on the single product page, including variation images, because by default, WooCommerce variations are only available on the single product page. While the main product images in the product archive can be cropped using WooCommerce settings, WooCommerce does not have any options for cropping images from the single product page. As a result, when a variation is selected, it displays the image from the single product page, which cannot be cropped to match the aspect ratio of the images in the product archive due to WooCommerce’s lack of this functionality.

This issue can be resolved in two ways:

1. Use the same aspect ratio for images on both the single product page and the archive.

2. Since you are using a simple aspect ratio, alternatively, you can use the following custom CSS code for the product archive, which will not physically crop the image but will make it appear rectangular using CSS.

.product-element-top.wd-quick-shop a.product-image-link img {
    aspect-ratio: 0.75;
    object-fit: cover;
}

Best Regards.

Perfect!! This was exactly what I needed, now it keeps the size regardless of choosing a color. Thanks for the help!!

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts