Как убрать кнопку «в корзину» в товарах каталога WooCommerce; добавим кнопку «подробнее о товаре»

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

Тема — подстройка дизайна и функционала в карточке товаров в каталоге Вукоммерц. Будем настраивать отображение карточки (функциональные элементы) в соответствии с нашими требованиями и дизайном. Всё это весьма способствует юзабилити магазина, и, соответственно, наибольшей активности клиентов!

Иногда администраторам магазинов требуется убрать кнопку «В корзину», либо заменить её на некий текст, к примеру, на логичное «Подробнее о товаре…» чтобы интернет-магазин стал, по взгляду админа, наиболее соответствующим требованиям покупателей (клиентов).

Поработаем с файлом functions.php, либо создадим свой плагин для функциональных настроек магазина на woocommerce:

убираем кнопку «в корзину» в каталоге woocommerce и со страницы товара

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

Один из них такой — весьма простой:

Поработаем с файлом functions.php активной темы (правильнее если есть дочерняя тема — когда и как правильно создавать дочернюю тему шаблона сайта — создаём…
большинство пользователей достаточно невнимательно относятся к вопросу создания дочерней темы (и напрасно!!), а по истечению времени приходится здорово перенастраивать сайт…) Либо прописываем код в созданный плагин.

Для отключения подгрузки кнопки В корзину потребуется вот такой простой фильтр-код:

/*убираем кнопку «в корзину» в товарах каталога WooC*/
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
/*убираем кнопку «в корзину» в товарах каталога WooC*/

пояснения:

Первая строка action удалит со страниц каталога товаров кнопку «Добавить в корзину»;

вторая строка кода (если вдруг потребуется) — удаляет кнопку со страницы товара.

Закомментируйте ненужную строку, либо вовсе исключите.

Код можно вставить в файл темы functions.php через админку WordPress (пункт левого вертикального меню в админке «Внешний вид/Редактор кода«).

как удалить кнопку «в корзину» и добавить кнопку «Подробнее о товаре» в каталоге товаров

Требования администраторов сайтов (магазинов) относительно исключения кнопки «В корзину» в карточке товара весьма логичны, потому как по умолчанию в woocommerce в каталоге товаров в карточке выводиться кнопка Добавить в корзину (это стандартный вариант)…

Многие админы находят эту кнопку у себя в магазине лишней и стараются её заменить на, скажем, «Подробнее о товаре», чтобы пользователь изучил товар, прежде чем купить.

Вновь выручает файл functions.php и данный ниже код (соединим воедино один кодов данных выше):

/*Заменяем кнопку Добавить в корзину на Подробнее о товаре*/
/*удалим кнопку Добавить в корзину */
function remove_loop_button(){
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}
add_action('init','remove_loop_button');

/*Добавляем свой вариант кнопки*/
add_action('woocommerce_after_shop_loop_item','replace_ats_to_cart');
function replace_ats_to_cart() {
global $product;
$link = $product->get_permalink();
echo do_shortcode('<a href="'.$link.'" class="button addtocartbutton">Подробнее о товаре</a>');
}

В качестве пояснений в коде даны комментарии…

Текст в карточке товаров Подробнее о товаре возможно наделить классом css, для создания собственного дизайна.

Путём настроек строк кодов выше возможно оставить обе кнопки «Добавить в корзину» и «Подробнее о товаре», либо какую-то  исключить…