Нынче статейная речь пойдёт по теме шорткоды Woocommerce – полезная штуковина во всех отношениях Wooc. А так как в наборе плагина этих шорткодов достаточно много, следует отнестись к ним повнимательнее… изучить во благо, для чего всё это чудо может пригодиться.
Большинство шорткодов WooCommerce (как вы понимаете) имеют массы дополнительных подстроек – параметров, кои значительно дополняют возможности администратора и менеджеров магазина!
Шотркоды выводятся ровно принципиально как и все прочие шорткоды WP, так что самого функционала и принципа работы шорткодов касаться не будем… (ниже для новичков дам полезную ссылку на материал о том, как сделать кнопки добавления шорткодов)
Приступим к шорт кодам вплотную:
- шорткоды Woocommerce – полное описание
- woocommerce_cart| = |woocommerce_my_account| = |woocommerce_checkout| = |woocommerce_order_tracking|">Штатные системные шорткоды Woocommerce |woocommerce_cart| = |woocommerce_my_account| = |woocommerce_checkout| = |woocommerce_order_tracking|
- recent_products|">выводим последние товары магазина: |recent_products|
- Как создать сайт, блог – помощь от разработки до старта проекта – запросто с WordPress
- Шаблон ats-mod для сайта по типу Доски объявлений – на базе ClassiPress
- featured_products|">рекомендуемые товары: |featured_products|
- Формы оплаты услуг студии ATs media fashion
- Подборка полезного кода – для файла функций functions.php WordPress
- Скрипт кайпера-квайзера (тест)
- product|">шорткод выведет определённый товар: |product|
- Плагин Ats Privacy Policy добавляет чекбокс политики конфиденциальности к форме комментирования…
- add_to_cart|">выводим кнопку добавления продукта в корзину: |add_to_cart|
- add_to_cart_url|">выводим урл (url) в отношении к текущей странице сайта: |add_to_cart_url|
- product_category|">шорткод выводит товары из определенной рубрики (категории): |product_category|
- выведем товары из конкретной товарной категории
- product_categories| –">выводим все категории товаров: |product_categories| –
- (5) "> услуги - запросто с WordPress (5)
- (6) "> плагины - скачать /заказать (6)
- (4) "> шаблоны - скачать /заказать (4)
- как вывести блок (ссылку) на одну конкретную категорию товара
- product_page|">выводим страницу товаров целиком: |product_page|
- sale_products| – выводит все товары со значком распродажа">шорткод |sale_products| – выводит все товары со значком распродажа
- top_rated_products|">шорткод выведет товары с самым высоким рейтингом продаж: |top_rated_products|
- related_products|">шорткод отобразит сопутствующие товары товара в цикле: |related_products|
- лидеры продаж – выводим
- best_selling_products|">текущие товары, отсортированные по количеству продаж: |best_selling_products|
- product_attribute|">шорткод выведет ВСЕ товары с каким-то указанным значением атрибута: |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 получится примерно так: (показываю на примерах своей лавки)
Почему разные по размеру картинки? …а это у меня так задумано в рубрике…
Настройки шорткода:
Если товар вариативный, кнопки добавления в корзину не будет, а появится что-то типа “Подробнее”.
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|
поможет в тех обстоятельствах, когда требуется вывести все существующие категории товаров, даже если те пустые.
Так как я не добавлял миниатюр к самим категориям, то получилось вот так:
…у меня на этом сайте нет изображений для категорий… а посему в картинках пусто.
…и ещё: сейчас в WOOC выводится так называемая категория “Без рубрики” – uncategorized: у меня в этой категории нет записей, а следовательно, я её исключил из примера ниже, выставив 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 категорий: указываем через запятые…
Как более тонко организовать в магазине на 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»
Здравствуйте Сергей!
что-то я как-то сейчас туплю (или не совсем уяснил вопрос, хотя, казалось бы вы ясно изъяснили) – позже попробую открыть тестовый сайт и …
…
Здр! Подскажите как к статье привязать товары? Например для каждой статьи на странице будут показываться определённые товары?
Здравствуйте!
к какой статье?
Если к карточке товаров, то в плагине есть возможность привязки раздела “другие товары” или “сопутствующие…”…
или вы хотите просто-напросто настроить некий блок вывода товаров?..
Допустим есть статья (публикация) смартфоны. Нужно чтобы на странице этой статьи (например внизу) отображались товары, которые через админку привязывались бы к этой статье. Или проще, как вариант, можно ли сделать их привязку по совпадению названий статьи и категории товара. Т.е.есть статья “смартфоны” и категория товаров “сматрфоны”. Можно ли сделать такой шорткод, чтобы в его параметр “категории” из которой берутся товары, автоматически подтягивалось значение названия статьи ?
…я понял… вопрос.
Сделать можно, как говорится, всё))
вот только подходы к реализации этой задачи есть различные: создание каких-нить типа метаполей и пр… потому как нужно обеспечить условия “привязки” конкретных товаров к, например, конкретной категории статей…
Не знаю, понятно ли изложил…
В принципе ваша задача достаточно распространённая штука: весьма логично статью “смартфоны” снабжать товарами, если таковые есть…
А можно сделать таким образом ? В код шаблона статьи, добавить код вывода товаров, в который в параметр категории из которой берутся товары, будет автоматом подтягивать название статьи. Название статьи и категории будет одинаковым. Это сложно сделать ? Сможете помочь ?