Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

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

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

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

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

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

WooCommerce_How_to_remove_products_images_placeholder_1

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

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

    WooCommerce_How_to_remove_products_images_placeholder_2

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

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

    WooCommerce_How_to_remove_products_images_placeholder_3

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

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

    WooCommerce_How_to_remove_products_images_placeholder_4

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

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

WooCommerce_How_to_remove_products_images_placeholder_5

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

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

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

    WooCommerce_How_to_remove_products_images_placeholder_6

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

    WooCommerce_How_to_remove_products_images_placeholder_7

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

    WooCommerce_How_to_remove_products_images_placeholder_8

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

    WooCommerce_How_to_remove_products_images_placeholder_9

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

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

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