I m having this problem that the product images are not the same size. all the product images are linked to an external images (not uploaded to website dir), but some linked products images are big and some are small in size.
i tried to change the .product-content-image (which i believe is the anochor tag class) size in the custom css box in the backend but it has changed the size of some of the images and turn some of the images zoomed and blurred.
I think i have two sizes of images which are 350×350 and 350×450 respectively.
what i would like is that I want to change the size of 350×350 images to 350×450 which will zoom the image a little bit but instead of zoom I want it to be cropped first then zoomed. like i want it to be cropped from both left and right side and then zoom to the actual 350×450 size.
I think there is no need to regenerate the thumbnail because these images are linked to an outside another web server.
Sorry for the delay in answering.
We have removed the min-width default styles for the product images. If the original image is 350×350 we can’t zoom in it and make 350×450 without losing quality. If you want to manage the size of the imported images it would be better to contact the plugin author and ask if they have any solutions to make all the images the same size.
Thank for checking out.
The images on the other server are not the same size so thats why its showing not the same size.
Is there any way to fix this using css?
Either crop the big images to small sizes so that are equal in size.
CSS does not crop images in classic meaning. You can use for example code below to limit the height of the products but I’m not sure if this is the very good solution because you need to choose the most suitable height for the very device and use media queries to apply different height for every device.