WPX
Новичок
Здравствуйте!
Такой вопрос: есть сетка с товарами в WC.
Нужно, чтобы миниатюры товаров не были квадратными, а были в высоту больше чем в ширину, к примеру возьмём пусть будет мобильный телефон или смартфон - он ведь длинный на фото и если загонять его в квадратик - то вид не очень. Проблема в том, что нельзя миниатюры сделать все одинаковыми, так как есть разные фотки, разных размеров и пропорций, хочется найти "золотую серединку" для всех картинок на сайте.
Реально ли это?
Пример на скрине. (Вторая картинка отличается по размеру, так как есть обводка белым фоном на самом изображении).
Если в CSS задать:
То получаем вот такое: (пропорции странные у первой картинки, остальные с горем по полам).
Такой вопрос: есть сетка с товарами в WC.
Нужно, чтобы миниатюры товаров не были квадратными, а были в высоту больше чем в ширину, к примеру возьмём пусть будет мобильный телефон или смартфон - он ведь длинный на фото и если загонять его в квадратик - то вид не очень. Проблема в том, что нельзя миниатюры сделать все одинаковыми, так как есть разные фотки, разных размеров и пропорций, хочется найти "золотую серединку" для всех картинок на сайте.
Реально ли это?
Пример на скрине. (Вторая картинка отличается по размеру, так как есть обводка белым фоном на самом изображении).
Если в CSS задать:
Код:
.woocommerce ul.products li.product .bb-product-thumbnails img {
margin: auto !important;
height: 250px !important;
}
Последнее редактирование:
