How To Fix This Product Image Size

[rgeafrauuhf]

i want to fix this product image size, i had set it to 1:1 but in product recommendation & in collection it showing like this

url: https://driptrove.com/

and its perfect on home page

[niraj_patel]

Hello @rgeafrauuhf 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .swiper-container img.se-out.w-full.h-full.f-img-loaded {
      object-fit: contain !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[rgeafrauuhf]

This Works In product recommendation tab but not on collection page & recently viewed product

[niraj_patel]

Sorry for mistake Add this
You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  img.se-out.w-full.h-full.f-img-loaded {
      object-fit: contain !important;
   }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Dan-From-Ryviu]

Hi @rgeafrauuhf 

You can solve it by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.template-product .product-recommendations img { object-fit: contain !important; }