WooCommerce. Как удалить замещающие изображения продуктов

Из этого туториала Вы узнаете, как удалить замещающие изображения продуктов в магазине WooCommerce.

В некоторых ситуациях вашим продуктам не нужны изображения. Однако, если у продукта нет изображения, WooCommerce автоматически добавит замещающее изображение для продукта.

Замещающее изображение по-умолчанию (Default placeholder image) выглядит следующим образом:

Давайте узнаем, как удалить замещающие изображения (remove placeholder images) для продуктов.

1. Войдите на ваш сервер, используя клиент ftp (ftp client) или Файловый менеджер (FileManager):

   

2. Перейдите в папку ‘wp-content/themes/themeXXXXX/includes’, где XXXXX — это номер вашего шаблона.

3. Откройте файл ‘custom-function.php’ в любом редакторе php/текста (php/text editor):

   

4. Добавьте следующую строку в начале файла, прямо под тэгом <?php:

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

   

5. Обновите ваш сайт, для того чтобы просмотреть внесённые изменения.

Вы успешно удалили замещающие изображения со страницы продуктов. Вы можете также улучшить макет страницы, растянув содержимое страницы на всю ширину:

В этом случае, Вы можете решить проблему при помощи пользовательского правила CSS (custom CSS). Правило, которое Вам понадобится, а также способ его добавления, будут зависеть от конкретного шаблона.

1. Мы советуем Вам использовать FireBug — плагин для браузера FireFox, при помощи которого Вы можете исследовать элементы сайта и редактировать CSS.

2. Вам нужно будет скорректировать ширину колонки описания продукта:

   

3. Измените значение ширины на ‘100%’:

   

4. Скопируйте новое правило (new rule):

   

5. Вставьте его в блок Пользовательский Css (Custom Css) в Настройках Cherry (Cherry Options):

   

6. Обновите ваш сайт и проверьте результаты внесённых изменений.

Это конец данного туториала. Вы можете также ознакомиться с детальный видео-туториалом ниже: