product images not displaying all image

[vibehome]

Hello Shopify Friends

I have recently did an update on my theme and some of the product search results ' you may also like '  shows the product cut off. I did use code:<style> .collection .card__media .media img { object-fit: contain !important; } </style> for the home page search results and it works but has not been updated for the this part - screen shots attached. You can see not all the product is being displayed

[BSSCommerce-HDL · Accepted solution]

Hi @vibehome, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.related-products .card__media .media img {
    object-fit: contain !important;
}
</style>

 Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[BSSCommerce-HDL · Accepted solution]

Hi @vibehome, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.related-products .card__media .media img {
    object-fit: contain !important;
}
</style>

 Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[vibehome · Accepted solution]

Your the best! Perfect once again 😀