Как скрыть, удалить или отключить кнопку «Добавить в корзину» в WooCommerce

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

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

Огромный репозиторий плагинов WordPress и расширений WooCommerce предлагает пользователям широкие возможности настройки, которые делают работу с ним более удобной.

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

Я предполагаю, что у вас уже есть работающий магазин WooCommerce. Если нет, настройте свой магазин WooCommerce прямо сейчас с помощью управляемого хостинга Cloudways, чтобы легко развернуть любое приложение на основе PHP всего одним щелчком мыши.

Как добавить товар в ваш магазин WooCommerce

У вас должны быть продукты в вашем магазине, чтобы играть с функцией « Добавить в корзину ». Поэтому сначала я покажу вам, как добавлять товары в ваш магазин WooCommerce.

• Перейдите в панель управления WooCommerce .
• Щелкните Продукты > Добавить продукты .
• Назовите продукт и заполните детали.

Примечание. Для получения справки обратитесь к следующему снимку экрана.

• Вы увидите страницу сведений о продукте с кнопкой «Добавить в корзину» в интерфейсе вашего магазина.

Вот как вы добавляете товары в свой магазин.

Как скрыть или отключить кнопку «Добавить в корзину»

Теперь я покажу, как скрыть или отключить кнопку «Добавить в корзину» на странице сведений о продукте и на странице магазина (странице со списком продуктов). Для этого я добавлю следующие хуки:

 remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');

Вы можете разместить эти крючки в любом месте, где вы считаете нужным. Обычной практикой является включение этих хуков в functions.php, расположенный в папке вашей темы .

Однако в некоторых случаях это может привести к ошибкам. Поэтому я размещу эти хуки в woocommerce.php (находится в папке с плагинами ).

Выполните следующие действия, чтобы получить доступ к файлу woocommerce.php:

• Перейдите в WordPress > wp-контент
• Нажмите «Плагины» > «WooCommerce» > «woocommerce.php».

 /**
 * Основной экземпляр WooCommerce.
 *
 * Возвращает главный экземпляр WC, чтобы не использовать глобальные переменные.
 *
 * @с версии 2.1
 * @возврат WooCommerce
 */
функция WC() {
    remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');
    remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');
	вернуть WooCommerce::instance();
}

• После этого сохраните файл и обновите страницу.

Поздравляем! Кнопка « Добавить в корзину » удалена со страницы.

Как убрать кнопку «Добавить в корзину» для определенных товаров

Есть три конкретных способа удалить кнопку « Добавить в корзину » со страниц определенных продуктов:

1. Удалите цифру из ценовых полей. У продукта больше не будет цены, поэтому кнопка «Добавить в корзину» будет удалена.
2. Включите управление запасами и установите нулевой запас продукта.
3. Используйте фильтр для хука woocommerce_is_purchasable .

Как работает хук woocommerce_is_purchasable

Мы установим фильтр, который включает только определенный идентификатор продукта, из которого мы хотим удалить кнопку «Добавить в корзину».

Каждый раз, когда этот фильтр обнаруживает идентификатор целевого продукта, он возвращает false. Таким образом, цена будет видна, но вместо кнопки « Добавить в корзину » появится уведомление о том, что «Товар нельзя купить».

Я воспользуюсь третьим вариантом, добавив следующий код в functions.php (находится в папке темы ).

 add_filter('woocommerce_is_purchasable', 'woocommerce_cloudways_purchasable');
функция woocommerce_cloudways_purchasable ($cloudways_purchasable, $ продукт) {
return ($product->id == your_specific_product_id (например, 22)? false : $cloudways_purchasable);
}

Вывод

В этом уроке я обсудил скрытие, удаление и отключение кнопки «Добавить в корзину» на страницах продуктов WooCommerce . Этот процесс прост и может быть реализован путем добавления небольших фрагментов кода в нужных местах.

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

Если вам нужна дополнительная помощь в этом, оставьте комментарий ниже!

Часто задаваемые вопросы