Як налаштувати кнопку WooCommerce “Додати в кошик” яка в каталозі товарів. Як замінити кнопку в каталозі товару WooCommerce «У кошик» на кнопку «Детальніше», або “Дізнатися більше” або будь який інший напис на кнопці за вашим бажанням. Пишіть на кнопці все, що вам заманеться.
Читати далі Як замінити кнопку в каталозі товару WooCommerce «У кошик» на кнопку «Детальніше»
Сьогодні я оновила Windows 11 і трапилася халепа. Повністю зникала на комп’ютері панель задач. Перше, що хочу вам повідомити – то це не ваша провина. Заспокойтеся, якщо і у вас сталася така прикрість. Спойлер – вирішується проблема легко!
Якщо вам потрібно розуміти, чому виникають проблеми з панеллю завдань у Windows 11. Читайте далі. Якщо ні – переходьте на абзац нижче. Так от, зникнення панелі задач у Віндовс 11 зумовлено багом, який визнав виробник операційної системи (компанія Майкрософт). Зокрема, збій характерний для двох збірок, а саме 22449 і 22000.176, але може виявлятися і новіших версіях. Суть у тому, що після перезавантаження або певного моменту роботи в Windows 11 зникає панель завдань. Якщо вона зникла, зробити будь-які кроки для роботи з операційною системою стає неможливо. При виявленні проблеми у компанії Microsoft одразу запропонували рішення, на якому докладне зупинимося нижче. Також наведемо два альтернативні шляхи.
Перший шлях для розумашок в цій сфері. Я типовий чайник, тому обрала легкий, швидкий та зрозумілий шлях. Лишаю його для вас. Крокуйте!
Ось цей простий та зрозумілий для мене: потрібно внести зміни в налаштування дати та часу. Як це зробити?
Легкий спосіб, як полагодити панель завдань у Віндовсі 11 – зробити це шляхом встановлення НЕ ПРАВИЛЬНОЇ дати / часу. Такий крок дозволяє розв’язувати питання, якщо опція зникла на збиранні Windows 11 Dev build 22449. Але, по можливості, можна скористатися і в інших випадках. Наприклад, коли запропоновані в інтернеті та розглянуті способи з якоїсь причини не спрацювали.
Алгоритм дій такий:
Варто врахувати, що це рішення є тимчасовим, адже після чергового оновлення система повертає попередні налаштування. Щоб уникнути проблеми в майбутньому, бажано повернути точну дату в налаштуваннях системи та увімкнути синхронізацію із сервером часу.
Тепер ви знаєте, що робити, якщо у Windows 11 зникла панель завдань. Найбільш ефективним є метод, який рекомендує компанія Майкрософт, але як альтернатива можна спробувати варіант зі зміною дати/часу, який згадувався вище.
На майбутнє в нових оновленнях така проблема має бути усунена, тому у застосуванні швидкої допомоги на Windows 11 не буде необхідності.
Добавляем на сайт следующий сниппет.
add_action( 'login_enqueue_scripts', 'wpspec_custom_login_logo' );
function wpspec_custom_login_logo() {
?>
<style>
body.login h1 a {
background: url('адрес ссылка вашего логотипа') no-repeat;
width: 100px;
height: 100px;
}
</style>
<?php
}/**
* лого сайта замена лого
*/
add_action( 'login_enqueue_scripts', 'wpspec_custom_login_logo' );
function wpspec_custom_login_logo() {
?>
<style>
body.login h1 a {
background: url('https://prostotak.com.ua/wp-content/uploads/2020/10/ProstotakLogoDonkey2020-min-AVA-300x231.png') no-repeat;
width: 300px;
height: 231px;
}
</style>
<?php
}
Хозяйке на заметку. Когда все цены в админ части в валюте (дол.) а на сайте показывает грн. Случается ситуация, что при оформлении заказа на сайте из-за границы, слетает плагин и все цены начинает на сайте показывать в валюте дол. а не в украинской грн., как должно быть.
Чтобы переключить необходимо зайти в настройки currency в закладку SITE SWITCHER и включить кнопку. После чего на сайте для посетителей, снаружи, не в админке, появится флажке для переключения валюты. Переключите на сайте валюту на грн. и затем вернитесь в админ часть, и уберите флажок, выключив заклаку site switcher/ Не понимаю, почему слетает валюта, но так бывает.
Костыль, который будет отваливаться при каждом обновлении вашей темы. Устроит такой вариант? Если да, тогда делайте:
Путь к переменам 🙂 ВНЕШНИЙ ВИД>редактор тем>functions.php
Копируем код ниже и вставляем в файл functions.php
Сохраняем и радуемся, до первого обновления темы. Затем все сначала :)))) кто знает лучший вариант – пишите в коммммменты. Делитесь мозгами. Донорство всегда + в карму.
/*Заменяем кнопку Добавить в корзину на подробнее */
/*шаг 1 - Удаляем кнопку Добавить в корзину */
function remove_loop_button(){
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}
add_action('init','remove_loop_button');
/*шаг 2 -Добавляем кнопку Подробнее */
add_action('woocommerce_after_shop_loop_item','replace_add_to_cart');
function replace_add_to_cart() {
global $product;
$link = $product->get_permalink();
echo do_shortcode('<a href="'.$link.'" class="button addtocartbutton">Подробнее</a>');
}
Данный шорткод часто используют на главной странице для того, чтобы посетители видели новинки в ассортименте магазина:
Для этого используйте шорткод:
|
1
|
|
P/S/ шорткод отображает те товары, которые были отмечены звездочками «Рекомендуемый» в списке товаровper_page="12" - укажите желаемое количество товаров для показа
columns="4" - укажите количество колонок
Для того, чтобы сделать вывод одного нужного Вам товара по ID используйте шорткод:
|
1
|
|
ID (идентификатор товара) можно узнать при наведении на товар в списке товаров.
Для вывода товара по артикулу используйте:
|
1
|
|
Где узнать артикул товара писать не буду. Уверен, что если он у Вас есть, то вы точно знаете ?
При желании можно сделать вывод товаров по идентификатору (ID), для этого используйте шорткод:
|
1
|
|
Через запятую нужно указывать ID товаров которые Вы хотите вывести.
Вывести товары можно и с помощью артикулов. Для этого используйте шорткод ниже, в котором через запятую укажите артикулы нужных товаров:
|
1
|
|
По умолчанию товары будут отображаться в 4 колонки.
Еще один интересный шорткод. Он создает кнопку на которой отображается только цена указанного (по ID) товара и надпись «Добавить в корзину».
|
1
|
|
Здравствуйте, дорогие читатели! В первой части урока мы с Вами говорили о шорткодах в WooCommerce, а в этом продолжим начатое.
Интересный шорткод, с помощью которого можно вывести страницу товара на любой странице или записи, замечу только, что сильно грузит страницу, если страничка пустая – будет хорошо
Вывод по ID товара:
|
1
|
|
По артикулу:
|
1
|
|
Для вывода товаров из категории в WooCommerce есть шорткод:
|
1
|
|
Замечу, что в скобках нужно указывать не название категории, а ее ярлык!
Узнать ярлык категории можно перейдя в Товары -> Категории: По умолчанию будет выводится 12 товаров в 4 колонки, но это всегда можно откорректировать (per_page="12" - укажите желаемое количество товаров для показа, columns="4" - укажите количество колонок).
Для того чтобы сделать вывод категории, используйте шорткод:
Значение number — количество выводимых категорий.
С помощью шорткода ниже можно вывести категории(ю) по ID:
|
1
|
|
Для этого используйте шорткод:
Обычно рейтинги товару назначаются при добавлении комментария. На основе этих рейтингов можно сделать вывод товаров. Для этого в WooCommerce есть специальный шорткод:
С помощью шорткода ниже можно сделать вывод товаров по заданным свойствам. В примере ниже вы из свойства Цвет выводим все товары черного цвета.
|
1
|
|
Вы тут, потому что искали: как сделать кнопку “ДОБАВИТЬ В КОРЗИНУ” для определенного товара, Как сделать вывод нескольких товаров по ID или артикулу (SKU), Вывод одного товара по ID или артикулу (SKU), Вывод одного товара по ID или артикулу (SKU), Как вывести популярные товары интернет магазин на Wordpres с плагином WooCommerce, Как вывести последние добавленные (новые) товары, вывод товаров по свойствам, Как вывести топ рейтинговых товаров?, Как вывести товары со скидкой?, Как сделать вывод категорий?, Как сделать вывод категорий? Как вывести товары из категории WooCommerce?
Привет любители прекрасного в дизайне! Сегодня поделюсь кодом флажка, а че 😉 какой праздник без флажков, а если дизайн детского сайта, или дизайн детского интернет магазина, да и просто…дизайн!!! Экспериментируйте.
.flag {
background-color: #000;
position: relative;
width: 40px;
height: 80px;
}
.flag:before {
content: '';
display: block;
position: absolute;
top: 100%;
border-left: 20px solid #000;
border-right: 20px solid #000;
border-bottom: 20px solid transparent;
}
Вот есть такая полезная функция, а клиенты просят убрать. “Засоряет интерфейс, страницу сайта, а мы все равно не пользуемся :)” – цитата.
Я говорю об этом сообщении: Remove “Customer matched shipping zone…” которое появляется, когда клиент делает покупку в интернет магазине на странице in woocommerce cart, а затем и на странице checkout…
Простой способ : заходим в консоль WooCommerce -> System status -> Tools and uncheck “Shipping Debug Mode” Checkbox and “Save changes”…Then clear the browser cookies and test once.. I hope your Issue will be resolved..
Если у вас рус. WooCommerce, тогда заходим в консоль WooCommerce -> Состояние системы -> Инструменты и убираем галочку напротив “Режим отладки для доставки” Для понимания смотрите фото
Как всегда все просто для тех кто знает.
Сегодня поделюсь еще одной полезной находкой: слово “любой” (если у вас подключен перевод ) или “any” ( в оригинале) в фильтрах.
Спряталось оно естественно в самом плагине woocommerce/includes/widgets/class-wc-widget-layered-nav.php
Красным я выделила фай в котором и находится “any” у меня это было строкой 181
// skip when viewing the taxonomy
if ( $current_tax && $taxonomy == $current_tax ) {
$found = false;
} else {
$taxonomy_filter = str_replace( 'pa_', '', $taxonomy );
$found = false;
echo '<select class="dropdown_layered_nav_' . $taxonomy_filter . '">';
echo '<option value="">' . sprintf( __( 'any %s', 'woocommerce' ), wc_attribute_label( $taxonomy ) ) . '</option>';
foreach ( $terms as $term )
З.Ы. Если, все же, я не совсем ясно выразилась 🙂 пишите – сделаю! any any any все все все
В интернет магазинах с плагином woocommerce при добавлении товара автоматически генерируется так называемый ID товара. Можно его проставить на странице товара вместо артикула. Это удобно, особенно, если вы по той или иной причине не хотите показывать и прописывать артикул.
Задача поставлена следующая:
На странице товара вывести ID вместо артикула. Артикулы не должны быть видны покупателю, но они должны быть в админке и видны и поиск по ним чтобы работал, и была чтобы возможность проставлять вручную. Для заказчика будет виден всегда на странице товара ID и называться Артикулом 🙂 товара. Это удобно, поскольку ID генерируется автоматически при добавлении товара.
Надо найти файл meta.php у меня он был …woocomerce/single-product/meta.php
найти:
<?php do_action( ‘woocommerce_product_meta_start’ ); ?>
<?php if ( wc_product_sku_enabled() && ( $product->get_sku() || $product->is_type( ‘variable’ ) ) ) : ?>
<span class=”sku_wrapper”><strong><?php _e( ‘SKU:’, ‘yit’ ); ?></strong><span class=”sku” itemprop=”sku”><?php echo ( $sku = $product->get_sku() ) ? $sku : __( ‘N/A’, ‘yit’ ); ?></span>.</span>
<?php endif; ?>
И заменить SKU на ID (я выделила красным)
<?php do_action( ‘woocommerce_product_meta_start’ ); ?>
<?php if ( wc_product_sku_enabled() && ( $product->get_id() || $product->is_type( ‘variable’ ) ) ) : ?>
<span class=”sku_wrapper”><strong><?php _e( ‘SKU:’, ‘yit’ ); ?></strong><span class=”sku” itemprop=”sku”><?php echo ( $id = $product->get_id() ) ? $id : __( ‘N/A’, ‘yit’ ); ?></span>.</span>
<?php endif; ?>
решение, как всегда просто для того, кто знает 🙂
Теперь это просто и для вас!