Настройки изображений для Вукомерс

Необходимые настройки теперь можно сделать только программно, через фильтр.

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

add_filter('woocommerce_get_image_size_thumbnail','add_thumbnail_size',1,10);
function add_thumbnail_size($size){

    $size['width'] = 300;
    $size['height'] = 300;
    $size['crop']   = 1; //0 - не обрезаем, 1 - обрезка
    return $size;
}

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

add_filter('woocommerce_get_image_size_single','add_single_size',1,10);
function add_single_size($size){

    $size['width'] = 600;
    $size['height'] = 600;
    $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'] = 100;
    $size['crop']   = 1;
    return $size;
}

После внесения данных изменений в файл functions.php вашей темы обязательно произведите регенерацию миниатюр с помощью любого плагина для регенерации миниатюр.

Источник https://inprocess.by/blog/izmenenie-razmerov-miniatyur-v-woocommerce/

Как воспользоваться выше приведенными функциями, до конца не понял. Поэтом на практике воспользовался более простым решением для изменения размеров миниатюр.

add_image_size( 'imagename', 300, 200, true );

Здесь imagename – название размера; 300 – ширина изображения в пикселях; 200 – высота; true – включить обрезку изображения. Если не нужно обрезать изображение, заменить на false.

Теперь, чтобы в нужном месте сайта выводилась миниатюра заданного размера, вставляем

the_post_thumbnail('imagename'); 

Оцените статью