Изменение размеров миниатюр товара в WooCommerce

Изменение размеров миниатюр товара в WooCommerce после обновления через админ панель стало не доступно. Интерфейс настроек изображений товара предоставляет только несколько вариантов.

Настройка изображений woocommerce

 Первый вариант обрезает изображения в квадрат с пропорциями 1 к 1, второй - преобразует в заданные пропорции. Третий оставляет изображение без изменения. Все эти варианты не позволяют более тонко настроить размер изображений под требуемый дизайн. С версии woocommerce 3.6+ размер изображения можно отрегулировать фильтрами.

Для изображении товара на странице каталога или категории:

add_filter('woocommerce_get_image_size_thumbnail','add_thumbnail_size',1,10);
function add_thumbnail_size($size){
    $size['width'] = 360;
    $size['height'] = 250;
    $size['crop']   = 0; 
    return $size;
}

Для большого изображения на странице товара:

add_filter('woocommerce_get_image_size_single','add_single_size',1,10);
function add_single_size($size){
    $size['width'] = 800;
    $size['height'] = 500;
    $size['crop']   = 0;
    return $size;
}

Для миниатюр в галерее на странице товара:

add_filter('woocommerce_get_image_size_gallery_thumbnail','add_gallery_thumbnail_size',1,10);
function add_gallery_thumbnail_size($size){
    $size['width'] = 100;
    $size['height'] = 80;
    $size['crop']   = 1;
    return $size;
}

Где:

  • $size['width'] - ширина
  • $size['height'] - высота
  • $size['crop'] - 0 - не обрезать, 1 - обрезать

Код нужно вставить в файл functions.php вашей активной темы. Протестировано на версии Woocommerce 3.6.3.

Оставить комментарий

Похожие материалы