Help with images in store

Hi,

I'm trying to get my website up and running but have encountered a problem with the store. I sell various items of different types however when I upload them they are inevitably cropped to the extent that its almost impossible to make some of them out.

I have tried reducing the image sizes but this doesn't seem to do anything.

Any help or advice would be welcome.

Thanks for your time and Merry Christmas,

Hi,

What is your shop url? We can check easier

Hi,

The site is still private but here are some screen shots to illustrate the problem. The last one is what the photo should look like, as you can see the top and bottom are badly cropped. 

Hi, thanks a lot that fixed it instantly!

Have a happy New Year!

Hi,

Thank you so much for your kind offer to help us who are getting the hang of Squarespace.

The question that you answered on this forum is the exact same problem we are having with the website we are starting.

Thank you so much for your code it does work wonderfully on the store items!

The only problem is it also resizes the background images of sections on the store page. Is there a way to only make it apply to store product items?

On 12/31/2022 at 3:34 AM, JackiC said:

Hi,

Thank you so much for your kind offer to help us who are getting the hang of Squarespace.

The question that you answered on this forum is the exact same problem we are having with the website we are starting.

Thank you so much for your code it does work wonderfully on the store items!

The only problem is it also resizes the background images of sections on the store page. Is there a way to only make it apply to store product items?

 

Hi,

Try this new code, if it doesn't work, please share link to your site, we can check easier

img.grid-item-image.grid-image-cover.loaded, img.ProductItem-gallery-slides-item-image {
	object-fit: contain !important;
}