Шорткоды 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]

 

 

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

 

…и также нужно запомнить, что данный шорткод поддерживает только лишь два параметра: либо 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.

 

 

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