Как убрать кнопку «в корзину» в товарах каталога 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, для создания собственного дизайна.

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