возможно заказать разработку или сопровождение, услуги вашего сайта/блога


обновлено: 2022-06-15 в теме: WooCommerce и WordPress  Читаемая статья!
Запросто с WordPress создание и продвижение сайтов ATs media

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

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

 

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

 

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

 

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

 



 

 

 

Разделы статьи:

 

 

 

 

 

 

 

шорткоды 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| выведет продукцию равно как и предыдущий |recent_products|, имея аналогичные параметры.

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

 

 

 

шорткоды Woocommerce

 

 

 

 

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

 

 

 

 

 

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

 

 

 

 

 

к оглавлению

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

 

 

 

 

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

 

 

 

  • Плагин ats privacy policyк оглавлению

    Плагин Ats Privacy Policy добавляет чекбокс политики конфиденциальности к форме комментирования…

    Подробнее

 

 

 

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

 

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

 

 

 

шорткоды Woocommerce

 

 

 

 

…для вывода определённых товаров по их 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|

 

 


подписка feedburner 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|, однако — сортировка происходит по рейтингу пользователей.

 

 

 

 

 

 

 

 

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

 

 

 

шорткоды Woocommerce

 

 

 

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

 

 

 

 

к оглавлению

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

 

 

 

 

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

 

 

 

 


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

 

 

 


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

 

 

 

 

Cоздание… продвижение сайтов: студия ATs media запросто с WordPress

 

 

 

 


...вопросы в комментариях - помогу, в чём дюжу...
mihalica.ru !


Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы... разработка...





Нажатия на кнопочки определяют Ваше высокое гражданское сознание

Поделитесь соображениями: Ваши мысли очень важны!

Внимание! Обязательные поля помечены *

  отныне доступен плагин: ats privacy policy ©


  1. Допустим есть статья (публикация) смартфоны. Нужно чтобы на странице этой статьи (например внизу) отображались товары, которые через админку привязывались бы к этой статье. Или проще, как вариант, можно ли сделать их привязку по совпадению названий статьи и категории товара. Т.е.есть статья «смартфоны» и категория товаров «сматрфоны». Можно ли сделать такой шорткод, чтобы в его параметр «категории» из которой берутся товары, автоматически подтягивалось значение названия статьи ?

    Ответить - Евг

    • …я понял… вопрос.
      Сделать можно, как говорится, всё))
      вот только подходы к реализации этой задачи есть различные: создание каких-нить типа метаполей и пр… потому как нужно обеспечить условия «привязки» конкретных товаров к, например, конкретной категории статей…
      Не знаю, понятно ли изложил…
      В принципе ваша задача достаточно распространённая штука: весьма логично статью «смартфоны» снабжать товарами, если таковые есть…

      Ответить - Михаил

      • А можно сделать таким образом ? В код шаблона статьи, добавить код вывода товаров, в который в параметр категории из которой берутся товары, будет автоматом подтягивать название статьи. Название статьи и категории будет одинаковым. Это сложно сделать ? Сможете помочь ?

        Ответить - Евг

  2. Здр! Подскажите как к статье привязать товары? Например для каждой статьи на странице будут показываться определённые товары?

    Ответить - Евг

    • Здравствуйте!

      Подскажите как к статье привязать товары?

      к какой статье?
      Если к карточке товаров, то в плагине есть возможность привязки раздела «другие товары» или «сопутствующие…»…
      или вы хотите просто-напросто настроить некий блок вывода товаров?..

      Ответить - Михаил

  3. Добрый день!
    Спасибо за статью, подскажите как вывести при помощи шорт кодов на страницу товары с двумя разными атрибутами, например attribute=«season» terms=«warm» и attribute=«cvet» terms=«belyi»

    Ответить - Сергей

    • Здравствуйте Сергей!
      что-то я как-то сейчас туплю (или не совсем уяснил вопрос, хотя, казалось бы вы ясно изъяснили) — позже попробую открыть тестовый сайт и …

      Ответить - Михаил