API uploaded listing images are being CSS styled wrong in the eBay Gallery (not the description)

[conwayair]

For some reason a recent change has started applying the CSS style:

.ux-image-carousel-container .ux-image-carousel .ux-image-carousel-item img.img-scale-down {

1. object-fit: scale-down;

}

to the eBay gallery images on new listings posted through the API. It does not seem to apply to listing created on eBay. The effect is that the images are smaller in the gallery and have a wide margin around them that gets even smaller if the browser is zoomed out. Bottom line the images look small. 

If you either 

1. make a listing directly or eBay or 

2. revise the listing, delete all the phots and reupload them in a revision. Then the CSS property goes away and they are style correct where they size to 100% of the gallery view. 

they then render with the correct property

.ux-image-carousel-container .ux-image-carousel .ux-image-carousel-item img {

1. width: 100%;
2. height: 100%;
3. object-fit: contain;

}

This is in the gallery view on ebay. I am not talking about uploaded photos in a description. This is purely eBay's domain. 

To repro:

1. upload a listing through the API (though any 3rd party)

2. click on the gallery to bring it up
3. zoom out tour browse and watch the image shrink when it shouldn't

4. compare this to how a listing created at ebay behaves

[ltldpr]

This looks like something @eburtonlab and @shipscript  would understand.

It's certainly above my pay grade lol!

Hopefully, they'll be around shortly to have a look.

[eburtonlab]

My wife is the CSS expert; she made me a nice CSS file that allowed me to customize my eBay "All Lists" page and fit many more rows of items on a single screen, which I used as my home page every day until eBay got rid of the page entirely.

I can diagnose an eBay page that is not loading style sheets correctly based only on a user's vague description (anything involving "left-justified text" or giant X icons or check marks or chevrons; in the app or a mobile browser, anything involving lots of little flags).

That is everything I know about CSS.

[conwayair]

For clarity, this is not in the description or in any part of the listing the user can control. This is in the gallery images on top of the page. That is strictly eBay's domain making this an eBay technical issue. 

[ltldpr]

---

@conwayair wrote:

For clarity, this is not in the description or in any part of the listing the user can control. This is in the gallery images on top of the page. That is strictly eBay's domain making this an eBay technical issue. 

---

Is there a "?" on the lower right of the page? Or a "Tell us what you think" anywhere on the page where you see it happening? You can send feedback if so.

You could also tag one or more of the eBay employees who monitor these forum boards, but they don't work weekends that I'm aware of. 

There's also this area, that I've never delved into, because I don't understand it. Not sure if it's even current. I just know that it exists. https://community.ebay.com/t5/Developer-Forums/ct-p/developergroup

[devon@ebay]

---

@conwayair wrote:

For some reason a recent change has started applying the CSS style:

.ux-image-carousel-container .ux-image-carousel .ux-image-carousel-item img.img-scale-down {

1. object-fit: scale-down;

}

to the eBay gallery images on new listings posted through the API. It does not seem to apply to listing created on eBay. The effect is that the images are smaller in the gallery and have a wide margin around them that gets even smaller if the browser is zoomed out. Bottom line the images look small. 

If you either 

1. make a listing directly or eBay or 

2. revise the listing, delete all the phots and reupload them in a revision. Then the CSS property goes away and they are style correct where they size to 100% of the gallery view. 

they then render with the correct property

.ux-image-carousel-container .ux-image-carousel .ux-image-carousel-item img {

1. width: 100%;
2. height: 100%;
3. object-fit: contain;

}

This is in the gallery view on ebay. I am not talking about uploaded photos in a description. This is purely eBay's domain. 

To repro:

1. upload a listing through the API (though any 3rd party)

2. click on the gallery to bring it up
3. zoom out tour browse and watch the image shrink when it shouldn't

4. compare this to how a listing created at ebay behaves

---

Hey @conwayair! The Product team wanted to reach out and offer some assistance here. They are wanting to request for you to upload a high resolution image along with the original one.  

[conwayair]

Okay! Thanks for the response.

you want images uploaded to this thread or with a listing?
All our images now, and forever are 1024x1024 about 100kb
Instead of uploading here  you can just right click on any image also in the description of our listing to see the source. 

We currently right click, save on all those images, and reupload them again through a listing revise and the problem goes away.  Ebay treats gallery images that come from an API upload different that those uploaded through eBay's UI in a listing revise

For context this is a new problem in the past few week. Nothing has changed about our SOP for listing creation in decades. Same camera, service, image dim and size. But this is a CSS syle applied as show in the images in my post. 

[conwayair]

This is still broken and API uploaded images are still being scaled down.  Please fix. It's a CSS property being applied only to gallery images uploaded through the API