Какие бывают шорткоды Woocommerce
Мне потребовалось вывести в записях блога несколько товаров из магазина. Чтобы не использовать никаких визуальных редактор отправился на официальный сайт Woocommerce, так как по памяти я эти шорткоды не помню, и там вот здесь вот нашёл те шорткоды Woocommerce которые мне были нужны, а именно шорткоды для вывода нескольких товаров из определённой категории.
Ниже я привожу все необходимые шорткоды Woocommerce и рассказываю, как ими пользоваться.
Всё просто, понятно и наглядно)
Отвечая на вопрос какие же бывают шорткоды Woocommerce могу сказать следующие. В WooCommerce есть множество самых разных шорткодов, которые помогают выводить различные элементы магазина на страницах WordPress.
Вот самые основные из них:
Главный шорткод магазина
1 | [woocommerce_shop] |
Данный код выводит страницу магазина, аналогичную той, что задана в настройках WooCommerce.
Вывод товаров на страницах и записях сайта
1 | [products] |
Это основной шорткод для вывода товаров. Можно настроить следующие параметры:
- limit – количество товаров
- columns – количество колонок
- orderby – сортировка. Вот возможные значения: date, title, price, rand
- order – порядок, могут быть ASC или DESC
- category – товары определенной категории
- tag – товары с определенным тегом
Ниже наглядный пример применения шорткодов Woo:
1 | [products category= "slug_категории" ] |
Можно уточнить какое количество товаров надо вывести, для этого используйте такой код:
1 | [products category= "slug_категории" limit= "8" ] |
Чтобы задать количество колонок, добавьте вот это значение в код:
1 | [products category= "slug_категории" columns= "4" ] |
Так же можно при помощи шорткода сортировать вывод товаров:
1 | [products category= "slug_категории" orderby= "date" order= "DESC" ] |
Как узнать slug_категории для шорткода?
Перейдите в Товары → Категории, найдите нужную категорию, и скопируйте её slug.
Как использовать шорткоды Woocommerce?
Скопируйте представленные мною шорткоды и вставьте в редактор WordPress (например, если вы используете редактор Gutenberg, то в блок «Код») на странице блога, чтобы отобразить то что вам требуется. Мне например надо было вывести товары из определённой категории в WooCommerce в записи блога и я это сделал вот так в одном месте записи:
1 | [products category= "kupro" columns= "5" ] |
и в самом низу записи ещё вот таки вывел товары Woocommerce
1 | [products category= "kupro" columns= "4" limit= "4" ] |
Вернёмся к наиболее часто используемым шорткодам Woo)
Вывод одного товара
1 | [product_page id= "123" ] |
Код выводит на страницу или в запись блога, товар с указанным ID.
Вывод категорий товаров
1 | [product_categories] |
Указанный код отображает список категорий товаров. Можно настроить:
- ids – указать конкретные ID категорий (пример: ids=»15,22,34″)
- columns – количество колонок
Например:
1 | [product_categories number= "6" columns= "3" ] |
Значения указываете свои конечно же)
Вывод товаров по определенным атрибутам
Очень полезный шорткод как по мне:
1 | [product_attribute attribute= "color" filter= "red" ] |
Выводит товары, у которых есть атрибут color со значением red.
Корзина, оформление заказа и личный кабинет
Как вывести корзину магазина, страницу оформления заказа и личный кабинет при помощи шорткода Woocommerce? Очень просто)
Это код корзины:
1 | [woocommerce_cart] |
Это код оформления заказа:
1 | [woocommerce_checkout] |
а это личного кабинета Woocommerce шорткод:
1 | [woocommerce_my_account] |
Вывод товаров по распродаже
1 | [sale_products limit= "4" columns= "2" ] |
Код отображает на страницах сайта и записях товары со скидками.
Популярные товары
1 | [best_selling_products limit= "5" ] |
Код размещает на страницах сайта и записях самые популярные товары.
Новинки, то есть самые последние добавленные товары
1 | [recent_products limit= "8" columns= "4" ] |
Товары с высокой оценкой
1 | [top_rated_products limit= "5" ] |
Этот шорткод Woocommerce выводит товары с лучшими отзывами о товарах.
Товары с определенными id
1 | [products ids= "12,34,56" ] |
Выводит товары по id. Как узнать id товара?
Перейдите в Товары → Все товары. Наведите курсор на нужный товар и вы увидите под названием товара появится id, пример на скриншоте ниже:

Id товара Woocommerce