If you're experiencing with how the product images are being displayed in UpCart, this is generally being caused by a store theme incompatibility. In order to fix this, you can apply a customization in UpCart's editor settings.
Accessing Custom CSS Settings
To begin customizing the CSS for your UpCart, follow these steps:
Open the UpCart App within your dashboard.
Navigate to the Cart Editor.
Click on Settings and scroll to the bottom of the page until you find the section labeled "Custom CSS".
CSS
Applying these changes will scale the images contained inside UpCart to maintain its aspect ratio, regardless of other store theme settings or third party applications.
#CartPopup img
{
object-fit: contain !important;
}
.upcart-upsell-item-image-wrapper a
{
height: 100% !important;
display: flex !important;
}
.upcart-upsell-item-image-wrapper
{
background-color: transparent !important;
}
@media (max-width: 600px)
{
[class*="styles_ProductRow__imageWrapper__"]
{
height: auto !important;
}
}