Шорткоды Woocommerce и их применение — полное описание

Нынче статейная речь пойдёт по теме шорткоды Woocommerce — полезная штуковина во всех отношениях Wooc. А так как в наборе плагина этих шорткодов достаточно много, следует отнестись к ним повнимательнее… изучить во благо, для чего всё это чудо может пригодиться.

 

Большинство шорткодов WooCommerce (как вы понимаете) имеют массы дополнительных подстроек — параметров, кои значительно дополняют возможности администратора и менеджеров магазина!

 

Шотркоды выводятся ровно принципиально как и все прочие шорткоды WP, так что самого функционала и принципа работы шорткодов касаться не будем… (ниже для новичков дам полезную ссылку на материал о том, как сделать кнопки добавления шорткодов)

 

Приступим к шорт кодам вплотную:

 

 

 

 

 

 

шорткоды Woocommerce — полное описание

 

 

 

 

 

 

Предостережение: отнеситесь внимательно к вкладкам текстового редактора в смысле — визуального и html! — на случай, если отработка шорткодов частично не задастся…

 

 

 

 

Штатные системные шорткоды Woocommerce |woocommerce_cart| = |woocommerce_my_account| = |woocommerce_checkout| = |woocommerce_order_tracking|

 

 

Все эти имена шорткодов из подзаголовка поста относятся к системным!

 

То есть при активации «магазина» — плагин создаёт ряд необходимых страниц, для организации структуры всевозможных витрин. И эти страницы как раз и наполнены показанными шорткодами.

 

 

В принципе управления магазином о них можно забыть, ибо те более никуда не требуются. (возможно, чего-то не знаю: поделитесь)

 

 

выводим последние товары магазина: |recent_products|

 

 

Данный шорткод имеет кое-какие настройки! — если выводить чистым вариантом, то выведется так, как настроено по умолчанию магазина.

 

 

Например, параметры дописываются таким образом |recent_products per_page="2" columns="2"| —  на странице WordPress получится примерно так: (показываю на примерах своей лавки)

 

 

Почему разные по размеру картинки? …а это у меня так задумано в рубрике…

 

 

 

 

---

 

настройки шорткода:

 

 

Если товар вариативный, кнопки добавления в корзину не будет, а появится что-то типа «Подробнее».

 

 

per_page — выведет количество товаров:  (по умолчанию: 12): в шорткоде записываем так: per_page="3"

 

 

columns — как помните из прошлых статей, например той, в которой толковалось как на сайте вывести статьи в две колонки… нам становится ясно, что этот параметр указывает число требуемых колонок: по умолчанию: 4.

 

 

orderby — сортировка по каким-то заданным параметрам. К примеру, по умолчанию сортируется по date (дата) посему шорткод выводит последние добавленные товары. Однако всё возможно подстроить на наш манер!

 

 

order — в общем, это ясно: ASC по возрастанию и — DESC по убыванию (всё это, естественно, по умолчанию).

 

 

category — параметр обрабатывает ярлыки продуктовых категорий, — если тех много, то нужно указывать через запятую. Ярлыки категорий запросто отыскать в админке на странице «Товары Категорий».

 

 

operator — в предыдущем параметре, к примеру, мы указали две каких-то категории товаров: ну, пусть такие — category2 и videoproducts.

 

А теперь определимся: хотим ли сделать так, чтобы выводимые товары обязательно присутствовали в той и иной категориях — это AND. если в одной из категорий IN (всё это по умолчанию). Если исключить из указанных категорий то — NOT IN.

 

 

 

рекомендуемые товары: |featured_products|

 

 

Этот замечательный шорткод |featured_products| выведет продукцию равно как и предыдущий |recent_products|, имея аналогичные параметры.

 

Но кое-какой нюанс есть: товар (или продукт) должен быть непременно помечен как рекомендуемый: помечают продукцию, к примеру, нажатием на «звёздочку».

 

 

 

 

 

выглядит отработка примерно так:

 

 

 

---

 

Функциями сего шорткода мы сможем выводить требуемое маркетологами магазина количество рекомендуемых товаров; к тому же, что важно в некоторых случаях, фильтровать их по категориям и пр.

 

 

 

шорткод выведет определённый товар: |product|

 

 

 

Если добавить шорткод |product id="17131"| с такими параметрами, получится примерно следующее:

 

 

 

 

---

 

Ниже скрин показывает где можно подсмотреть ID для постов или товаров.

 

Следует знать, и не забывать, что наряду с ID мы запросто можем передавать параметр sku (то бишь артикул), — это правда если его задавали при редактировании товара.

 

 

 

 

 

…для вывода определённых товаров по их ID или артикулу |products| — мы указываем через запятые требуемые айди, либо, соответственно, артикулы товаров — например так |products ids="410,500"| или |products skus="product22,product2"|.

 

 

К слову: можно опробовать воспользоваться параметрами columns, orderby и order.

 

 

сводка параметров сортировки товаров

 

 

Сортировка товаров в рамках шорткода задается парой параметров: orderby и order — вот они. Например, так: orderby="rand"

 

orderby – позволяет задать, по какому критерию товары должны сортироваться при выводе, принимает значения:

 

 

• date – выдает по дате публикации товара;
• id – по значению ID товара;
• menu_order – по заданной админом сортировке товаров (если настроено);
• popularity – выведет по количеству продаж;
• rand – случайным порядком «рандомно» (при перезагрузке страницы);
• rating – по рейтингу товара;
• price – это выдаст по цене;
• title – от имени заголовка товара (по алфавиту — значение по умолчанию).

 

 

order – ну а это определяет направление сортировки — возможности одного из двух значений:

 

ASC – от меньшего к большему от А до Я (значение по умолчанию);

DESC – от большего к меньшему от Я до А.

 

 

выводим кнопку добавления продукта в корзину: |add_to_cart|

 

 

После прописки шоркода — получим на странице цену и саму кнопку «в корзину». Ну и соответственно, если товар вариативный — ссылку перехода на страницу «Подробнее».

 

Как понимаете, необходимо указать атрибутику: обязательные параметры — или ID, или артикул sku.

 

Пример такой: |add_to_cart id="222"|.

 

 

 

Ко всему прочему возможно прикрутить следующие полезные стилистические параметры:

 

 

style — CSS стили обусловят блок стилистическими изысками требуемого типа |add_to_cart id="222" style="background-color:#ссс;margin:9px 0"|.

 

class — CSS классы…

 

quantity — например, счётчик «количество товаров», которое число требуется добавить в корзину.

 

show_price — это, как совершенно понятно, даст возможность отображать цену, либо же  нет.

 

Настройки по умолчанию true (отображать), false — нет.

 

 

 

выводим урл (url) в отношении к текущей странице сайта: |add_to_cart_url|

 

 

Online консультация по настройкам и созданию сайтов на WordPress

 

 

…следует помнить, что, перейдя по которому — товар будет автоматически добавлен в корзину покупателя.

 

…и также нужно запомнить, что данный шорткод поддерживает только лишь два параметра: либо id, либо артикул sku.

 

 

Примера для: |add_to_cart_url id="222"|

 

 

Шорткод описанный ниже

 

 

шорткод выводит товары из определенной рубрики (категории): |product_category|

 

 

Либо же, что логично, указанных рубрик.

 

 

Очень похож на |recent_products|, только параметр order отрабатывает значение по умолчанию ASC, и соответственно — параметр orderby отработает значение по умолчанию же menu_order title — и точно так же category — безоговорочно требуемый параметр.

 

 

выведем товары из конкретной товарной категории

 

 

Чтобы вывести конкретную товарную категорию для магазина Woocommerce, используем такой шорткод: по ярлыку (slug) слаг ссылки.

 

 

Шорткод такой: |product_category category="слаг_категории"|

 

 

пример настроек array:

 

 

array(
'per_page' => '8',     // количество единиц
'columns' => '3',      // колонки
'orderby' => 'title',
'order' => 'asc',      // сортировка: ASC или DESC или...
'category' => ''
)

 

 

выводим все категории товаров: |product_categories| —

 

 

 

Шорткод |product_categories hide_empty=0| поможет в тех обстоятельствах, когда требуется вывести все существующие категории товаров, даже если те пустые.

 

Так как я не добавлял миниатюр к самим категориям, то получилось вот так:

 

 

…у меня на этом сайте нет изображений для категорий… а посему в картинках пусто.

 

 

 

 

[ product_categories hide_empty=1 ]

 

 

выведет примерно так:

 

 

 

 

сопутствующие параметры показанного выше шорткода:

 

 

number — которое число (сколько) категорий выводить. По умолчанию, ясно — все! — работает через array_slice().

 

 

orderby — описание параметра:

 

 

(строка) сортировать по:

 

по ID элементов:

 

count — зададим количество постов,

name — по имени постов,

slug — по ярлыкам статей/товаров,

term_group — настроки значений колонок term_group — в таблице wp_terms это база данных,

none — отключение — без сортировки;

 

 

order — как и говорилось выше — сортировка по возрастанию ASC (по умолчанию) — по убыванию DESC.

 

 

columns — число колонок зададим: по умолчанию — 4.

 

 

hide_empty — требуется ли скрыть пустые категории (без товаров): требуется 1 (это по умолчанию); не скрывать — 0.

 

 

parent — интересный и тонкий параметр: если укажем ID родительской категории — выведутся её дочерние. А вот если указать 0 — выведет категории первого уровня.

 

 

ids -ID категорий: указываем через запятые…

 

 

 

 

как вывести блок (ссылку) на одну конкретную категорию товара

 

 

Например:

 

 

|product_categories parent="0" number="1" ids="222"|

 

 

выведет родительский (потому что  parent="0" описано выше) блок на конкретную категорию товаров с id 222.

 

 

выводим страницу товаров целиком: |product_page|

 

 

Выводит полную карточку товара ( страницу продукта по ID или SKU со всей введенной информацией) со всеми изображениями и прочими благодатями… по ID товара |product_page id="222"|

 

 

…ну или задаём артикул |product_page sku="artikul22"|.

 

 

шорткод |sale_products| — выводит все товары со значком распродажа

 

 

 

 

Параметры похожи с |recent_products|.

 

 

И это шорткод, на который следует обратить внимание…

 

 

шорткод выведет товары с самым высоким рейтингом продаж: |top_rated_products|

 

 

В настройках шорткода присутствует полная линейка параметров как и у |recent_products|, однако — сортировка происходит по рейтингу пользователей.

 

 

шорткод отобразит сопутствующие товары товара в цикле: |related_products|

 

 

…если указаны в «Сопутствующих…»

 

 

 

 

Используется только в цикле! на всех иных страницах ничего не выведет…

 

 

лидеры продаж — выводим

 

 

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

 

 

|best_selling_products per_page="8" columns="3"|

 

 

пример:

 

array(
'per_page' => '8',
'columns' => '3'
)

 

 

текущие товары, отсортированные по количеству продаж: |best_selling_products|

 

 

А также обратите внимание на такие параметры шорткода как per_page, columns, category и operator — аналог и описание выше…

 

 

шорткод выведет ВСЕ товары с каким-то указанным значением атрибута: |product_attribute|

 

 

Смотрите подробное описание параметров per_page, columns, category и operator в шорткоде |recent_products|. ТУТ.

 

 

Что примечательно: есть и ещё два «лишних» параметра — attribute — ярлык, и filter — значение атрибута, — указываем несколько значений через запятые.

 

 

Типа такого:

 

 

|product_attribute attribute="size_" filter="48,52"|

 

 

Выводим товары с атрибутикой по размеру — 42 и 52.

 

 

На этом занавес представления опускается…
…на рампы пыль печальная ложится…