Как поместить изображения разных размеров в «коробку» в WooCommerce Single Presce Page Page Lyder ⇐ CSS

[Anonymous]

Я наткнулся на одну проблему с размерами изображений с одним продуктом WooCommerce..woocommerce.single-product #content div.product div.images, .woocommerce.single-product div.product div.images, .woocommerce-page.single-product #content div.product div.images, .woocommerce-page.single-product div.product div.images {
min-height: 500px;
min-width: 650px;
max-height: 500px;
max-width: 650px;
}

div.woocommerce-product-gallery__image.flex-active-slide{
height: 400px;
object-fit: cover;
}
< /code>
Он помещает местоположение и размер слайдера фотографий и активную фотографию, где я хочу, чтобы они были, но когда я прохожу фотографии, некоторые фотографии обрезаются. Мне нужны все фотографии, чтобы соответствовать высоту (400px). Ширина должна быть автоматически установлена ​​так, чтобы изображение было полностью видно на высоте 400 пикселей. Может, кто-то знает, как это сделать? много!

Подробнее здесь: https://stackoverflow.com/questions/728 ... t-page-ima