Как отключить кнопку В корзину в WooCommerce

Хотя это может показаться парадоксальным, но в некоторых случаях отключение кнопки «Добавить в корзину» может привести к увеличению продаж.

Вы можете убрать кнопку «Добавить в корзину» со всех товаров на сайте, или только с некоторых определенных, чтобы:

  • Использовать WooCommerce как каталог
  • Отключить процесс оплаты, когда какого-то товара больше нет в наличии
  • Какого-то товара ещё нет в наличии, например, при запуске продукта
  • Скрыть кнопку «В корзину» в зависимости от условий, например, для определенной роли пользователя или для неавторизованных посетителей
  • Чтобы посетители использовали эту кнопку для отправки сообщения или записи на встречу / звонок вместо прохождения стандартного процесса оплаты WooCommerce

Это основные причины, но могут быть и другие.

В этой статье вы узнаете, как убрать кнопку «В корзину» вручную с помощью снипетов для functions.php.

Содержание:

Как отключить или скрыть кнопку «В корзину» на всем сайте
Как скрыть кнопку «В корзину» для неавторизованных посетителей
Как скрыть кнопку «В корзину» для определенной роли
Как скрыть кнопку «В корзину» для определенных товаров
Как скрыть кнопку «В корзину» для определенных категорий
Как временно отключить кнопку «В корзину» и автоматически включить в определенное время
Бонус. Кастомные настройки кнопки «В корзину»

Как отключить или скрыть кнопку В корзину на всем сайте

Существует несколько способов скрыть кнопку «В корзину» со всех товаров. Один из них — добавить снипет в functions.php дочерней темы, или с помощью специального плагина.

Не добавляйте снипеты напрямую в functions.php текущей темы, потому что при следующем обновлении темы этот файл будет заменен на оригинальный.

Если нужно, сделайте бэкап.

Этот хук скрывает кнопку «В корзину» на странице Магазин /shop:

Этот хук скрывает кнопку «В корзину» в карточках товаров:

Эти способы скрывают кнопку, но не отключают возможность добавить товар в корзину и оплатить.


Если вы хотите отключить возможность покупать товары, то используйте этот скрипт:

Этот хук отключает кнопку «В корзину», но не скрывает ее.

Название кнопки «В корзину» на странице Магазин /shop изменится на Подробнее, и будет вести на карточку товара. В карточке товара кнопка «В корзину» будет отключена и скрыта.

В следующих примерах будет использоваться этот способ отключения кнопки «В корзину«, поэтому во всех примерах кнопка «В корзину» останется на странице /shop и будет называться Подробнее.

Если вы хотите скрыть кнопку Подробнее на странице Магазин /shop, используйте правила css.

Чтобы переименовать кнопку Подробнее, добавьте еще один снипет.

Как скрыть кнопку В корзину для неавторизованных посетителей

Вы можете отображать кнопку «В корзину» только для авторизованных посетителей. Например, у вас есть специальное предложение для подписчиков или клиентов, и вы не хотите, чтобы этим предложением могли воспользоваться обычные посетители.

Чтобы скрыть кнопку «В корзину» от неавторизованных посетителей, используйте этот снипет:

Как скрыть кнопку В корзину для определенной роли

Чтобы скрыть кнопку «В корзину» для определенной роли пользователя, то используйте этот снипет:

В этом примере кнопка «В корзину» скрыта для пользователей с ролью any_user_role. Если вы хотите скрыть кнопку для другой роли, замените any_user_role в строке 5 на нужную роль.

Как скрыть кнопку В корзину для определенных товаров

Если вы хотите убрать кнопку «В корзину» для определенного товара, например, потому что его нет в наличии, то используйте этот снипет:

В этом примере кнопка «В корзину» скрыта для товаров с ID 120 и 130. Если вы хотите скрыть кнопку для других товаров, добавьте нужные ID в строке 10.

Как скрыть кнопку В корзину для определенных категорий

Чтобы убрать кнопку «В корзину» для определенной категории, используйте этот снипет:

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

Как временно отключить кнопку В корзину и автоматически включить в определенное время

Если у вас запуск продукта, и вы хотите скрыть кнопку «В корзину» до определенной даты, а в момент наступления этой даты автоматически показать кнопку, используйте этот снипет:

Этот снипет будет скрывать кнопку «В корзину» для товара с ID 120 до 15 декабря 2021 года.

Измените дату на нужную вам в строке 4, и ID товара в строке 5.

Бонус. Кастомные настройки кнопки В корзину

Чтобы отключить появление кнопки «В корзину» на странице /shop, попробуйте такое правило:

Это правило скрывают ajax-кнопку для Простых товаров. В вашем случае это может быть Вариативный товар без ajax, стили вашей темы, и так далее.

Найдите нужные стили через инструменты разработчика и примените правило {display: none;}.

Чтобы изменить цвет кнопки и текста, используйте такие правила: {background-color: #FF0000; color: #008000;}

Если вы хотите изменить текст на кнопке Подробнее, добавьте этот снипет в functions.php:

Этот снипет меняет текст на странице товара в строке 1, и на странице /shop в строке 2. Если что-то из этого вам не нужно, то удалите соответствующую строку.

Замените текст Перейти в строке 4 на свой текст.

Читайте также:

  1. Как скрыть цены в WooCommerce
  2. Режим каталога в WooCommerce
  3. Как изменить поведение кнопки «Добавить в Корзину» WooCommerce
  4. Как изменить названия кнопок «Добавить в Корзину», «Оформить заказ» и «Просмотр корзины» в WooCommerce

Оставляйте комментарии.

Ответить

Techbear