Techbear
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.
Хотя это может показаться парадоксальным, но некоторые интернет-магазины отключают кнопку «Добавить в корзину» чтобы увеличить продажи.
Вы можете убрать кнопку «Добавить в корзину» со всех товаров на сайте, или только с некоторых определенных, чтобы:
Это основные причины, но могут быть и другие.
В этой статье вы узнаете, как убрать кнопку «В корзину» вручную с помощью снипетов для 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
на свой текст.
Читайте также:
Оставляйте комментарии.
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.
Можно просто УДАЛИТЬ ЦЕНУ в товарах во вкладке WooCommerce — Все товары и кнопка в корзину переименуется в кнопку Подробнее.
remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’);
не скрывает кнопку на карточке(
Спасибо за статью. Подскажите, а как сделать так, чтобы кнопка «добавить в корзину» пропадала, когда товары есть в корзине из другой категории. Тоесть, как отключить добавления товаров в корзину из опреденной категории, если товары из других категорий уже добавлены в корзину?