Resizing Image on Complementary Product List

Store Design
,
1

Here is the link:

https://flashfabservices.com/products/tower-crane-counterweight-cans-potain-t85-t99

In the Complementary Products list beneath “Flash Fab also recommends:” the photos are being cropped and some of it is being cut off.

Sometimes there is an “Adapt to Image” option when using photos so this would be ideal but I do not see it.

Is there a way to make these photos fit without being sliced and without changing the product image dimensions?

2

Hey there FlashFab,

According to your question, you’ll just need to add CSS to the theme:

Online store > customize > settings > Custom CSS

img.motion-reduce {

object-fit: contain !important;

}

You can refer to this image below as the result:

magenest_0-1705571028028.png
magenest_0-1705571028028.png1334×730 83.1 KB

3

It worked perfectly, thank you so much!

4

Hey FlashFab,

We’re glad that this helped. Let us know if you need more assistance, and don’t forget to thumb it up and mark our response as a Solution!!!