Collection images getting 'cut off'

Technical Q&A
1

Hi,

My thumbnails on collection pages get ‘cut off’. I have them set as ‘square’ ratio. My product variation images are square however each product has an image containing all the variations and that image is not square.

Does the image need to be changed?

Can I do something in the shopify settings or code to fix this ?

Thanks

2

Hey @HerbalDimension

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1734683064067.png
Moeed_0-1734683064067.png1256×901 152 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @HerbalDimension

Could you share your store link so I can check?

4

I will try this and let you know, thanks!

6

(post deleted by author)

7

Hey @HerbalDimension

hope you’re doing great!

If your collection images are set to a square ratio, any non-square product image will be cropped. The easiest fix is to use a square featured image or change the image ratio in your theme setting if that option is available.