Задать вопрос
Ответы пользователя по тегу WooСommerce
  • Как убрать обрезание миниатюр в woocommerce?

    @Stanislav6
    Во-первых, убрать обрезку в настройках:
    Внешний вид > Настроить > WooCommerce > Изображения товаров > без обрезки

    Ну и CSS:
    .img-wrapper {
    	position: relative;
    	width: 100%;
    	overflow: hidden;
    	padding-bottom: 100%; //это квадратное изображение
    	padding-bottom: 50%; //это прямоугольное изображение в соотношении 2 к 1
    	aspect-ratio: 1 / 1; //это квадратное изображение
    	aspect-ratio: 2 / 1; //это прямоугольное изображение в соотношении 2 к 1
    }
    
    img {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    }
    Ответ написан
    Комментировать