Настройки магазина на 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 минут.
к оглавлению
как удалить кнопку «в корзину» и добавить кнопку «Подробнее о товаре» в каталоге товаров
Требования администраторов сайтов (магазинов) относительно исключения кнопки «В корзину» в карточке товара весьма логичны, потому как по умолчанию в 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 !
У меня вопрос, у меня мультиязычный сайт(ру и англ языки), использую Polylang, как сделать это всплывающее окно для двух языков? В программировании я не шарю, потому самому написать код будет проблемно.
Привет!
…так на вскидку сложно сказать, не видя обстоятельств функционала. Нужно разобраться, как (в какой среде) отрабатывает Polylang и…
Если я правильно понял о «всплывающем окне»…