Рубрики
Сниппеты

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор: Алексей Исаенко

Работаю full-stack разработчиком, специализируюсь на WordPress. За время трудовой деятельности сделал несколько полезных для пользователей вещей.
Помимо этого занимаюсь преподаванием - веду курсы по web-разработке.

Нравится лето, решать новые задачи в разработке, WordPress и Яндекс.

Загрузка комментариев...