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


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

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

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

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

 

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

 

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

 


 

 

 

 

link подзаголовка убираем кнопку «в корзину» в каталоге 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

 

 

к оглавлению ↑

link подзаголовка как удалить кнопку “в корзину” и добавить кнопку “Подробнее о товаре” в каталоге товаров

 

 

 

 

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


  1. У меня вопрос, у меня мультиязычный сайт(ру и англ языки), использую Polylang, как сделать это всплывающее окно для двух языков? В программировании я не шарю, потому самому написать код будет проблемно.

    Ответить - Sergey

    • Привет!
      …так на вскидку сложно сказать, не видя обстоятельств функционала. Нужно разобраться, как (в какой среде) отрабатывает Polylang и…
      Если я правильно понял о “всплывающем окне”…

      Ответить - Михаил