Здравствуйте, друзья! Сегодня мы поговорим о шорткодах интернет магазина WooCommerce. В этом уроке достаточно много нового и полезного могут найти те, кто не так давно создал интернет магазин с помощью плагина WooCommerce и еще не знают всех возможностей плагина.
В WooCommerce по умолчанию и без каких-либо плагинов можно использовать встроенные шорткоды. Вставляя шорткоды на страницы или записи, Вы можете вывести списки популярных, новых или акционных (со скидкой) товаров, категории и т.п. И так, давайте начнем!
Как вывести последние добавленные (новые) товары?
Данный шорткод часто используют на главной странице для того, чтобы посетители видели новинки в ассортименте магазина:
|
1
|
[recent_products per_page="12" columns="4"] |
Шорткод выводит 12 последних добавленных товаров в 4 колонки. Для того чтобы изменить количество товаров нужно всего лишь установить нужное цифровое значение в recent_products per_page. Аналогично и с количеством колонок.
Результат:
Как вывести популярные товары?
Для этого используйте шорткод:
|
1
|
[featured_products per_page="12" columns="4"] |
Этот шорткод работает точно так же, как и предыдущий, но отображает те товары, которые были отмечены звездочками «Рекомендуемый» в списке товаров:
Вывод одного товара по ID или артикулу (SKU)
Для того, чтобы сделать вывод одного нужного Вам товара по ID используйте шорткод:
|
1
|
[product id="45"] |
ID (идентификатор товара) можно узнать при наведении на товар в списке товаров:
Для вывода товара по артикулу используйте:
|
1
|
[product sku="0001"] |
Где узнать артикул товара писать не буду. Уверен, что если он у Вас есть, то вы точно знаете ?
Как сделать вывод нескольких товаров по ID или артикулу (SKU)
При желании можно сделать вывод товаров по идентификатору (ID), для этого используйте шорткод:
|
1
|
[products ids="1, 2, 3, 4, 5"] |
Через запятую нужно указывать ID товаров которые Вы хотите вывести.
Вывести товары можно и с помощью артикулов. Для этого используйте шорткод ниже, в котором через запятую укажите артикулы нужных товаров:
|
1
|
[products skus="0001, 0002"] |
По умолчанию товары будут отображаться в 4 колонки.
Кнопка «Добавить в корзину» для определенного товара
Еще один интересный шорткод. Он создает кнопку на которой отображается только цена указанного (по ID) товара и надпись «Добавить в корзину».
|
1
|
[add_to_cart id="40"] |
Вывод страницы товара на любой странице или записи
Интересный шорткод, с помощью которого можно вывести страницу товара на любой странице или записи.
Вывод по ID товара:
|
1
|
[product_page id="40"] |
По артикулу:
|
1
|
[product_page sku="0001"] |
Результат:
Как вывести товары из категории WooCommerce?
Для вывода товаров из категории в WooCommerce есть шорткод:
|
1
|
[product_category category="kategoriya-1"] |
Замечу, что в скобках нужно указывать не название категории, а ее ярлык!
Узнать ярлык категории можно перейдя в Товары -> Категории:
По умолчанию будет выводится 12 товаров в 4 колонки.
Как сделать вывод категорий?
Для того чтобы сделать вывод категории используйте шорткод:
|
1
|
[product_categories number="7" parent="0"] |
Значение number — количество выводимых категорий.
С помощью шорткода ниже можно вывести категории(ю) по ID:
|
1
|
[product_categories ids="7,8" parent="0"] |
Результат:
Как вывести товары со скидкой?
Для этого используйте шорткод:
|
1
|
[sale_products per_page="4"] |
Результат:
Как вывести топ рейтинговых товаров?
Обычно рейтинги товару назначаются при добавлении комментария. На основе этих рейтингов можно сделать вывод товаров. Для этого в WooCommerce есть специальный шорткод:
|
1
|
[top_rated_products per_page="12"] |
Вывод товаров по свойствам
С помощью шорткода ниже можно сделать вывод товаров по заданным свойствам. В примере ниже вы из свойства Цвет выводим все товары черного цвета.
|
1
|
[product_attribute attribute='color' filter='black'] |