Return to previous page

Resizing Linked Product Images - by ahmadtalal

This topic has 7 replies, 3 voices, and was last updated 5 years, 9 months ago ago by Olga Barlow

ahmadtalal

Participant

July 15, 2018 at 07:01

Hello,
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.
Thank you.

#196674 Copied

6 Answers

Rose Tyler

Support staff

July 16, 2018 at 09:01

Hello,

Please provide us with your site URL and temporary wp-admin access so we can take a closer look.

Regards

#196698 Copied

ahmadtalal

Participant

July 16, 2018 at 09:20

Hi,
I will link both url and temp admin login in the private area.

Please, contact administrator
for this information.

#196700 Copied

ahmadtalal

Participant

July 17, 2018 at 10:12

Any News? did you check?

#196819 Copied

Olga Barlow

Support staff

July 17, 2018 at 12:58

Hello,

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.

Regards

#196834 Copied

ahmadtalal

Participant

July 17, 2018 at 13:19

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.
thnx

#196838 Copied
Olga Barlow

Support staff

July 18, 2018 at 09:12
Hello,

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.
```
.content-product .product-content-image img {
    max-height: 200px;
    object-fit: cover;
} 
```
Regards
#196897 Copied
Viewing 7 results - 1 through 7 (of 7 total)