Как все изображения товаров сделать квадратными?

Имеется интернет магазин на вордпресс-вукомерс-сторфронт.
Изображения товаров имеют разные размеры по сторонам, поэтому некорректно отображается список товаров.
Какие есть решения.?
1 - Как все изображения массово обрезать до квадрата (или добавить, т.е. сделать квадратными) по любой из сторон?
2 - как изображение вписать по мин или макс стороне.?
  • Вопрос задан
  • 805 просмотров
Решения вопроса 1
SmthTo
@SmthTo
Все перепёлки мира будут оплакивать мою смерть.
Можно через CSS сделать. Решение работает, начиная с древнего IE11 (т. к. без object-fit). Плюс, картинки не будут подвержены лишней обработке на сервере. Код включает в себя всевозможные хаки для разных браузеров.

Оно не зависит ни от соотношения сторон самой картинки, ни от ширины контейнера (можно делать адаптивно без px, как в моем примере) + поддержка браузерами, можно сказать, максимальная + место под картинку не скачет, пока картинка грузится (lazyload оценит):

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы