Как поменять размер изображения товара в магазине

Сниппеты

При необходимости изменить размер изображения товара в магазине есть несколько способов: с помощью стилей, настройки в панели администратора, в коде.

Изменить размер изображения товара с помощью стилей:

  • Перейдите на страницу товаров;
  • Кликните правой клавишей на товар и в появившемся меню выберите “Инспектор кода”;
  • В инспекторе кода выберете нужный блок – li, который содержит товар;
  • Скопируйте селектор и затем вставьте его в свой файл styles.css и определите свойства ширины.

Изменить размер изображения товара с помощью стилей

Изменить размер изображения товара в админке:

  • В панели администратора зайдите в WooCommerce -> Settings;
  • Кликните вкладку “Товары”;
  • Кликните “Отображение”;
  • Проскрольте вниз до “Изображения Товара”;
  • Укажите свои значения ширины и высоты в поле “Изображение единичного товара”;
  • Нажмите “Сохранить изменения”.

Изменить размер изображения товара в админке

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

Изменить размер изображения товара в коде:

Для изменения размера миниатюры товара необходимо добавить фильтр размера, сделать это можно с помощью приведенной ниже функции:

Сам хук, которым мы пользуемся расположен в плагине WooCommerce по адресу:

woocommerce/includes/wc-template-functions.php:796

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

Войти с помощью: 

Вступайте в нашу группу в VK

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