Image stretching - help needed

tubble
Shopify Partner
5 0 0

Hello,

 

Seems in 

http://art-deco-trust.myshopify.com/collections/posters

No matter what size image you put in ( check the rest of the shop ) somewhere it is streching it. 

No matter what height and width is given in the code, same problem.

Need some help asap

0 Likes
Jamie
Shopify Staff (Retired)
Shopify Staff (Retired)
5715 0 154

Whoever coded this has hard coded your template for those collection items and it's disfiguring your images:

 

<img src="http://cdn.shopify.com/s/files/1/0077/2472/products/img_5004_medium.jpg?101321" alt="Ladies Cloche Hat with Rose trim" style="width:100px;height:100px; border: 1px solid"></a>

You can undo this but be aware it will break your layout. You are better off editing your product images and uploading square product images here, otherwise you will get this:

 

Alternately you will need to have this template re-coded properly to account for varying image sizes properly.

http://shopifyplus.com ::: http://twitter.com/bacchus
0 Likes
tubble
Shopify Partner
5 0 0

Thanks Jamie,

 

Where can I find the hard code to change that? It just the collection template in theme editor? 

0 Likes
Jamie
Shopify Staff (Retired)
Shopify Staff (Retired)
5715 0 154

Correct, that should be there, but it could have been included as a snippet as well. If you do a cmd+f(mac) or crtl+f(windows) and find that "width=100" in your template, just delete the width and height rules. Back-up your theme first.

http://shopifyplus.com ::: http://twitter.com/bacchus
0 Likes
tubble
Shopify Partner
5 0 0

Thanks Jamie! 

Another question do you know if there is a way Shopify could mimic this? 

 

http://www.artdeconapier.com/Order_Tickets_38.aspx

Cheers

0 Likes
Gavinator
Shopify Partner
1253 6 98

http://www.artdeconapier.com/Order_Tickets_38.aspx

You could do this with a customized collection page. All the "events" are simply products.

www.bookthatapp.com
0 Likes
monkeyv
New Member
1 0 0

WHY IS THIS STILL AN ISSUE IN 2020?!??!


0 Likes
Chris23892
New Member
1 0 0

I know, right? I just threw down $$ for a theme and run into the phantom stretch burred somewhere in formatting....

0 Likes
prispuddings
Excursionist
27 0 7

Hi Jamie,

 

Our images on the following pages used to look perfect but now are looking stretched, how can I reverse this?

https://pris-puddings.myshopify.com/pages/stockists

https://pris-puddings.myshopify.com/blogs/breakfast-recipes/white-chocolate-raspberry-muffins

Thanks,

Pri

 

0 Likes