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

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

 

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

 

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

 

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

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

А в ЭТОМ посте помещена большая подборка полезного кода для работы с магазином на Woocommerce.

Как отключить проверку уровня сложности пароля woocommerce (форма регистрации).

Настраиваем размеры изображений товаров в магазине WooCommerce…

Генерируем номера SKU заказов – магазин на WooCommerce; добавим-скроем артикул: несколько вариантов…

 

 

 

 

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

 

 

 

 

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

 

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

 

 

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

 

 

 

 

 

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

 

 

 

 

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

 

 

 

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

 

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

 

 

 

 

 

 

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

 

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

 

 

per_page

 

Количество товаров: по умолчанию: 12.

 

 

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.

 

 

 

 

выводим кнопку добавления продукта в корзину: |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',     // сортировка
'category' => ''
)

 

 

 

 

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

 

 

 

 

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

 

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

 

 

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

 

 

 

 

 

 

 

 

 

 

 

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

 

 

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.

 

 

 

 

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

 

 

 

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