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

После очередного обновления WooCommerce не все размеры миниатюр можно менять через админку WordPress. Раньше было так:

настройки миниатюр woocommerce

Сейчас настройки перенесены в пункт меню "внешний вид -> настроить":

настройки миниатюр woocommerce

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

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

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;
}

Для пересоздания миниатюр можно использовать плагин Force Regenerate Thumbnails .


Обновлено: 18.11.2018

Вам помогла эта статья? Оцените!
(32 оценок, среднее: 4,66 из 5)
Загрузка...

Комментариев: 19

  • Благодарю! 
    Везде инфа по старому WooСommerce, а тут все четко =)

  • Расскажите пожалуйста новичку, в какой файл нужно вставить представленный Вами код, чтобы поменять размеры миниатюр в карточке товараН? Спасибо

  • Какой путь к этому файлу? и может ли он быть под таким названием theme-functions.php ?
    Спасибо

  • Все, разобрался, нашел куда вставлять этот код, а именно в файл theme-functions.php  моей темы. Путь /wp-content/themes/Ваша тема/includes. 
    Но може Вы поможете мне еще с одним моментом. Все фото, что должны были быть по размеру миниатюр, теперь отображаются в столбец ниже главной фото, в том же размере что и главное фото.
    Как и где задать миниатюрам, в самом деле миниатюрные размеры? Спасибо

  • Спасибо АВТОР!!!!!!!
    Я мучался с этой проблемой несколько месяцев и  искал причину в wordpress!
    Все работает, дай Бог тебе здоровья)!!!

  • Добрый день!
    Вставил вот этот код

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

    $size['width'] = 300;
    $size['height'] = 300;
    $size['crop'] = 0;
    return $size;
    }

    Необходимо уменьшить окно с картинкой в карточке товара, но ничего не поменялось. Подскажете в чем проблема?

    • Добрый день. Размер окна с картинкой зависит не только от размера картинки, но и от правил CSS.

  • Вуаля!!
    Благодарю. Но сначала не получилось. Перенесла function wow_init() ниже этих фильтов и получилось!

  • добрый день. Прошу подсказать как изменить размер картинки товара в карточке товара? Сейчас она большая. Это нужно заходить через хостинг? Или как то в админке?

    • Добрый день. В меню Внешний вид -> Настроить. Там найдете настройки WooCommerce. Там можно изменить размер картинок в пикселях. Если нужно изменить визуально размер картинки, то только c помощью css.

  • Спасибо, но оказалось у меня на некоторые товары были залиты фото с высоким разрешением и из -за этого они были огромны. Сейчас вме норм.

  • Спасибо огромное. Я совсем новичок, сделала по вашей инструкции. ПОЛУЧИЛОСЬ!!!

  • Добрый день! Огромное спасибо, получилось изменить размер фото!!!! Можно ли что-то сделать, чтобы изменить отступ между картинкой и описанием товара на странице товара? на экране компьютера выглядит хорошо, но на мобильном описание практически уходит слева за край экрана.

  • Добрый день!
    В новой версии ВУ 4.9.2 не получается так, не меняется размер картинки товара в карточке товара, миниатюры в админке меняются ...подскажите как решить вопрос?

  • Все получилось, спасибо большое!!!
    С толкнулся с другой проблемой: способ "для изображения товара на странице каталога" обрезает картинки как у товарах (то, что мне нужно), так и картинок категорий (то, чего мне не нужно). Можно ли как исключить класс, т.е. чтобы стили применялись ко всем "woocommerce_get_image_size_thumbnail','add_thumbnail_size", кроме моих картинок в категориях

  • Аааааатдуши!!!

    Благодаря Вашей статье и коду, я победил этот каталог!!!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *