Как удалить и запретить выставление изображений WooCommerce без плагинов

Диагностика проблемы: зачем и когда нужно отключать изображения в WooCommerce

В интернет-магазинах на WooCommerce бывают ситуации, когда нужно временно или постоянно отключить показ изображений товаров. Например, при миграции, тестировании шаблона, ускорении загрузки страниц или для защиты контента. Стандартных опций в админке WooCommerce для этого нет, а плагины часто избыточны и добавляют нагрузку. В таких случаях полезно знать, как убрать вывод изображений программно.

Как проверить, что изображения именно WooCommerce выводит?

Откройте страницу товара или категорий и с помощью инспектора браузера найдите элемент <img class="woocommerce-product-gallery__image"> или <img class="attachment-woocommerce_thumbnail">. Это стандартные классы WooCommerce. Значит, задача — отключить именно их.

Пошаговое решение: отключение вывода изображений WooCommerce через код

Рассмотрим два основных способа: убрать изображения на страницах товаров и на страницах каталога.

1. Отключение изображений на страницах отдельного товара

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

В functions.php текущей темы добавьте следующий код:

remove_action('woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20);

Это удалит стандартную функцию вывода галереи из хука woocommerce_before_single_product_summary, где она подключена с приоритетом 20.

2. Отключение изображений на страницах каталога (архивах товаров)

Для страниц магазина или категорий товары выводятся через шаблонные функции, в частности woocommerce_template_loop_product_thumbnail(). Чтобы убрать миниатюры товаров, добавьте:

remove_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);

Этот код уберет миниатюры товаров в списках.

3. Запрет загрузки изображений на уровне WordPress

Если нужно полностью запретить загрузку изображений товаров (например, чтобы предотвратить загрузку из медиа-библиотеки), можно запретить отображение изображения в медиа-запросах, но это уже задача безопасности и требует более сложных решений. Для базовой задачи достаточно убрать вывод на фронтенде.

Проверка результата после внедрения

1. Очистите кэш браузера и сайта (если используете кеширующие плагины).
2. Откройте страницу товара — изображения не должны отображаться.
3. Перейдите к странице каталога (магазина или категорийному архиву) — миниатюры товаров должны быть отсутствовать.
4. Если изображения остались, проверьте, что код находится в активной теме или дочерней теме.
5. Проверьте, нет ли конфликтов с другими плагинами, которые могут выводить изображения.

Частые ошибки и как их исправить

• Код не работает — возможно, вы добавили в неправильный файл. Убедитесь, что используете functions.php активной темы или подключаете через site-specific плагин.
• Изображения выводятся через кастомные шаблоны темы. Тогда нужно переопределять шаблоны content-single-product.php или content-product.php в папке темы woocommerce.
• Кэш мешает увидеть изменения. Очистите кэш браузера, плагинов (например, W3 Total Cache, WP Super Cache).
• Другие плагины выводят изображения. Временно отключите их для проверки.

Практические советы по производительности и безопасности

• Отключение вывода изображений помогает уменьшить количество HTTP-запросов и размер страницы, что ускоряет загрузку.
• Если изображения не нужны, дополнительно можно отключить загрузку скриптов и стилей галереи через wp_dequeue_script и wp_dequeue_style.
• Для максимальной безопасности и контроля над медиабиблиотекой используйте плагины контроля доступа или настройте права пользователей.

Пример отключения скриптов и стилей галереи WooCommerce:

function disable_woocommerce_gallery_assets() {
    if (is_product()) {
        wp_dequeue_script('photoswipe');
        wp_dequeue_script('photoswipe-ui-default');
        wp_dequeue_style('woocommerce_photoswipe_style');
    }
}
add_action('wp_enqueue_scripts', 'disable_woocommerce_gallery_assets', 99);

Сравнение способов отключения изображений WooCommerce