WPX
Новичок
![](https://wpcommerce.ru/fozzy-hosting-is-faster-234x30-white-ru.png)
Здравствуйте!
Такой вопрос: есть сетка с товарами в WC.
Нужно, чтобы миниатюры товаров не были квадратными, а были в высоту больше чем в ширину, к примеру возьмём пусть будет мобильный телефон или смартфон - он ведь длинный на фото и если загонять его в квадратик - то вид не очень. Проблема в том, что нельзя миниатюры сделать все одинаковыми, так как есть разные фотки, разных размеров и пропорций, хочется найти "золотую серединку" для всех картинок на сайте.
Реально ли это?
Пример на скрине. (Вторая картинка отличается по размеру, так как есть обводка белым фоном на самом изображении).
![seneo.png seneo.png](https://wpcommerce.ru/data/attachments/4/4665-4ac4a88ec621203438dc8486eeeaa3ed.jpg)
Если в CSS задать:
То получаем вот такое: (пропорции странные у первой картинки, остальные с горем по полам).
![sineo2.png sineo2.png](https://wpcommerce.ru/data/attachments/4/4666-02c7bbcfcdfe9c670a9787471b9c2814.jpg)
Такой вопрос: есть сетка с товарами в WC.
Нужно, чтобы миниатюры товаров не были квадратными, а были в высоту больше чем в ширину, к примеру возьмём пусть будет мобильный телефон или смартфон - он ведь длинный на фото и если загонять его в квадратик - то вид не очень. Проблема в том, что нельзя миниатюры сделать все одинаковыми, так как есть разные фотки, разных размеров и пропорций, хочется найти "золотую серединку" для всех картинок на сайте.
Реально ли это?
Пример на скрине. (Вторая картинка отличается по размеру, так как есть обводка белым фоном на самом изображении).
![seneo.png seneo.png](https://wpcommerce.ru/data/attachments/4/4665-4ac4a88ec621203438dc8486eeeaa3ed.jpg)
Если в CSS задать:
Код:
.woocommerce ul.products li.product .bb-product-thumbnails img {
margin: auto !important;
height: 250px !important;
}
![sineo2.png sineo2.png](https://wpcommerce.ru/data/attachments/4/4666-02c7bbcfcdfe9c670a9787471b9c2814.jpg)
Последнее редактирование: