Нынче статейная речь пойдёт по теме шорткоды Woocommerce — полезная штуковина во всех отношениях Wooc. А так как в наборе плагина этих шорткодов достаточно много, следует отнестись к ним повнимательнее… изучить во благо, для чего всё это чудо может пригодиться.
Большинство шорткодов WooCommerce (как вы понимаете) имеют массы дополнительных подстроек — параметров, кои значительно дополняют возможности администратора и менеджеров магазина!
Шотркоды выводятся ровно принципиально как и все прочие шорткоды WP, так что самого функционала и принципа работы шорткодов касаться не будем… (ниже для новичков дам полезную ссылку на материал о том, как сделать кнопки добавления шорткодов)
Приступим к шорт кодам вплотную:
- шорткоды Woocommerce — полное описание
- Штатные системные шорткоды Woocommerce |woocommerce_cart| = |woocommerce_my_account| = |woocommerce_checkout| = |woocommerce_order_tracking|
- выводим последние товары магазина: |recent_products|
- Как создать сайт, блог — помощь от разработки до старта проекта — запросто с WordPress
- Шаблон ats-mod для сайта по типу Доски объявлений — на базе ClassiPress
- рекомендуемые товары: |featured_products|
- Формы оплаты услуг студии ATs media fashion
- Подборка полезного кода — для файла функций functions.php WordPress
- Скрипт кайпера-квайзера (тест)
- шорткод выведет определённый товар: |product|
- Плагин Ats Privacy Policy добавляет чекбокс политики конфиденциальности к форме комментирования…
- выводим кнопку добавления продукта в корзину: |add_to_cart|
- выводим урл (url) в отношении к текущей странице сайта: |add_to_cart_url|
- шорткод выводит товары из определенной рубрики (категории): |product_category|
- выведем товары из конкретной товарной категории
- выводим все категории товаров: |product_categories| —
- услуги - запросто с WordPress (5)
- плагины - скачать /заказать (6)
- шаблоны - скачать /заказать (4)
- как вывести блок (ссылку) на одну конкретную категорию товара
- выводим страницу товаров целиком: |product_page|
- шорткод |sale_products| — выводит все товары со значком распродажа
- шорткод выведет товары с самым высоким рейтингом продаж: |top_rated_products|
- шорткод отобразит сопутствующие товары товара в цикле: |related_products|
- лидеры продаж — выводим
- текущие товары, отсортированные по количеству продаж: |best_selling_products|
- шорткод выведет ВСЕ товары с каким-то указанным значением атрибута: |product_attribute|
как сделать атрибут товара произвольной ссылкой:WooCommerce
32 важных плагина для магазина на WooCommerce.
шорткоды Woocommerce — полное описание
Примечание! так как у меня в блоге прикручен магазин, я буду показывать примеры шорткодов — с ошибкой, чтобы не запускать их отработку: буду давать шорткоды в прямых вертикальных скобках заместо квадратных. т.е получится типа |woocommerce_cart| а должно быть так [имя_шорткода].
… Понятно, да!?
…прошу извинить за этакое неудобство: лень что-то маклачить для конкретной страницы.
Что такое шорткоды? — и как возможно организовать любой шорткод описано в этом посте. А также из статьи узнаем как добавить в редакторы (или визуальный, или в html) кнопочки для быстрой прописки, например, в тело статьи созданного — требуемого шорткода.
Предостережение: отнеситесь внимательно к вкладкам текстового редактора в смысле — визуального и 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 получится примерно так: (показываю на примерах своей лавки)
Почему разные по размеру картинки? …а это у меня так задумано в рубрике…
-
к оглавлению
Как создать сайт, блог — помощь от разработки до старта проекта — запросто с WordPress
1,500.00 ₽ В корзину -
Распродажа!
к оглавлению
Шаблон ats-mod для сайта по типу Доски объявлений — на базе ClassiPress
999.00 ₽ В корзину
Настройки шорткода:
Если товар вариативный, кнопки добавления в корзину не будет, а появится что-то типа «Подробнее».
per_page
Количество товаров: по умолчанию: 12.
columns
Как помните из прошлых статей, например той, в которой толковалось как на сайте вывести статьи в две колонки… нам становится ясно, что этот параметр указывает число требуемых колонок: по умолчанию: 4.
orderby
Сортировка по каким-то заданным параметрам. К примеру, по умолчанию сортируется по date (дата) посему шорткод выводит последние добавленные товары. Однако всё возможно подстроить на наш манер!
order
В общем, это ясно: ASC по возрастанию и — DESC по убыванию (всё это, естественно, по умолчанию).
category
Параметр обрабатывает ярлыки продуктовых категорий, — если тех много, то нужно указывать через запятую.
Ярлыки категорий запросто отыскать в админке на странице «Товары Категорий».
operator
В предыдущем параметре, к примеру, мы указали две каких-то категории товаров: ну, пусть такие — category2 и videoproducts.
А теперь определимся: хотим ли сделать так, чтобы выводимые товары обязательно присутствовали в той и иной категориях — это AND. если в одной из категорий IN (всё это по умолчанию). Если исключить из указанных категорий то — NOT IN.
к оглавлению
рекомендуемые товары: |featured_products|
Этот замечательный шорткод |featured_products|
выведет продукцию равно как и предыдущий |recent_products|
, имея аналогичные параметры.
Но кое-какой нюанс есть: товар (или продукт) должен быть непременно помечен как рекомендуемый: помечают продукцию, к примеру, нажатием на «звёздочку».
выглядит отработка примерно так:
-
к оглавлению
Формы оплаты услуг студии ATs media fashion
200.00 ₽ В корзину -
Распродажа!
к оглавлению
Подборка полезного кода — для файла функций functions.php WordPress
250.00 ₽ В корзину -
Распродажа!
к оглавлению
Скрипт кайпера-квайзера (тест)
17.00 ₽ В корзину
Функциями сего шорткода мы сможем выводить требуемое маркетологами магазина количество рекомендуемых товаров; к тому же, что важно в некоторых случаях, фильтровать их по категориям и пр.
к оглавлению
шорткод выведет определённый товар: |product|
Если добавить шорткод |product id="17131"|
с такими параметрами, получится примерно следующее:
-
к оглавлению
Плагин Ats Privacy Policy добавляет чекбокс политики конфиденциальности к форме комментирования…
Подробнее
Ниже скрин показывает где можно подсмотреть 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|
поможет в тех обстоятельствах, когда требуется вывести все существующие категории товаров, даже если те пустые.
Так как я не добавлял миниатюр к самим категориям, то получилось вот так:
…у меня на этом сайте нет изображений для категорий… а посему в картинках пусто.
…и ещё: сейчас в WOOC выводится так называемая категория «Без рубрики» — uncategorized: у меня в этой категории нет записей, а следовательно, я её исключил из примера ниже, выставив hide_empty=1
— впрочем, более подробно о регулировках ниже.
-
к оглавлению
услуги - запросто с WordPress (5)
-
плагины - скачать /заказать (6)
-
шаблоны - скачать /заказать (4)
Сопутствующие параметры показанного выше шорткода:
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 категорий: указываем через запятые…
Как более тонко организовать в магазине на woocommerce блок «Похожие по теме товары»…
к оглавлению
как вывести блок (ссылку) на одну конкретную категорию товара
Например:
|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
Cоздание… продвижение сайтов: студия ATs media запросто с WordPress
mihalica.ru !
Допустим есть статья (публикация) смартфоны. Нужно чтобы на странице этой статьи (например внизу) отображались товары, которые через админку привязывались бы к этой статье. Или проще, как вариант, можно ли сделать их привязку по совпадению названий статьи и категории товара. Т.е.есть статья «смартфоны» и категория товаров «сматрфоны». Можно ли сделать такой шорткод, чтобы в его параметр «категории» из которой берутся товары, автоматически подтягивалось значение названия статьи ?
…я понял… вопрос.
Сделать можно, как говорится, всё))
вот только подходы к реализации этой задачи есть различные: создание каких-нить типа метаполей и пр… потому как нужно обеспечить условия «привязки» конкретных товаров к, например, конкретной категории статей…
Не знаю, понятно ли изложил…
В принципе ваша задача достаточно распространённая штука: весьма логично статью «смартфоны» снабжать товарами, если таковые есть…
А можно сделать таким образом ? В код шаблона статьи, добавить код вывода товаров, в который в параметр категории из которой берутся товары, будет автоматом подтягивать название статьи. Название статьи и категории будет одинаковым. Это сложно сделать ? Сможете помочь ?
Здр! Подскажите как к статье привязать товары? Например для каждой статьи на странице будут показываться определённые товары?
Здравствуйте!
к какой статье?
Если к карточке товаров, то в плагине есть возможность привязки раздела «другие товары» или «сопутствующие…»…
или вы хотите просто-напросто настроить некий блок вывода товаров?..
Добрый день!
Спасибо за статью, подскажите как вывести при помощи шорт кодов на страницу товары с двумя разными атрибутами, например
attribute=«season» terms=«warm» и attribute=«cvet» terms=«belyi»
Здравствуйте Сергей!
что-то я как-то сейчас туплю (или не совсем уяснил вопрос, хотя, казалось бы вы ясно изъяснили) — позже попробую открыть тестовый сайт и …
…