возможно заказать разработку или сопровождение, услуги вашего сайта/блога


обновлено: 2020-12-17 в теме: WooCommerce и WordPress
Запросто с WordPress создание и продвижение сайтов ATs media

Как убрать кнопку «в корзину» в товарах каталога 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 (пункт левого вертикального меню в админке «Внешний вид/Редактор кода«).

 

 

 

 

полезно почитать:

Добавляем краткое описание (Description) к товару

Условные теги woocommerce — наиболее полная подборка, пояснения Условные теги woocommerce

Подборка полезного кода (сниппеты) для работы магазина на WooCommerce…

Woocommerce шорткоды и их применение…

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

как создать тестовый сайт за 5 минут.

 

 

 

 

Подробнее о товаре wooc

 

 

к оглавлению

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

 

 

 

 

Требования администраторов сайтов (магазинов) относительно исключения кнопки «В корзину» в карточке товара весьма логичны, потому как по умолчанию в 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, для создания собственного дизайна.

 

 

 

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

 

 

 

Турбо Страницы Яндекса (на канале — видео о том, как удалить эти Турбо страницы из индекса Яндекса.

 

 

 

 


...вопросы в комментариях - помогу, в чём дюжу...
mihalica.ru !


Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы... разработка...





Нажатия на кнопочки определяют Ваше высокое гражданское сознание

Поделитесь соображениями: Ваши мысли очень важны!

Внимание! Обязательные поля помечены *

  отныне доступен плагин: ats privacy policy ©