Woocommerce шорткоды


Воокоммерц имеет богатый выбор шорткодов- Shortcodes. С помощью них можно выводить категории, категорию, товары, товары со скидками, и тд, да много чего, более подробный список смотрите тут. Хочу поподробней рассказать как же ими пользоваться.
Вот например [products ids=»1, 2, 3, 4, 5″] этот шорткод выводит определенные товары по их ИД.

Существует два дополнительных класса order и orderby
order это сортировка по убыванию, он имеет параметры ‘DESC’ (3, 2, 1; c, b, a) или возрастанию ‘ASC’ например (1, 2, 3; a, b, c) — цифры всегда будут первыми =)
orderby сортировка по полученным данным, тут по больше параметров
‘ID’ — ИД.
‘title’ — Заголовку.
‘date’ — По дате.
‘modified’ — По дате последнего изменения.
‘rand’ — Случайно.
‘menu_order’

По умолчанию сортировка идет по дате ‘date’

Вернемся к нашему шорткоду.
Чтобы вывести товары с сортировкой по возрастанию и по иду, то делаем так [products ids="1, 2, 3, 4, 5" orderby="ID" order="ASC"]



можно добавить еще количество продуктов на странице per_page="12" и кол-во колонок columns="4"
вот так будет выглядить законченный шорткод [products ids="1, 2, 3, 4, 5" orderby="ID" order="ASC" per_page="4" columns="4"] сортировка товара по ид по возрастанию и 4 товара

Популярные шорткоды;

[recent_products] — последние продукты
[featured_products] — Рекомендуемые продукты, это те товары, которые отмечены звездочкой в списке товаров
[products] — продукты
[product_category] — категория продукта [product_category category="krosovki"] выводит категорию кроссовки, стоит писать ярлык на английском (транслитом)
[sale_products] — распродажа продуктов, вывод товаров со скидкой
[top_rated_products] — Самые популярные продукты
[product_attribute] — Атрибут продукта [product_attribute attribute='color' filter='black'] вывод атрибута Цвет вывод только черный цвет
[related_products] — сопутствующие товары

woocommerce-russian.ru

WooCommerce Ш.


зывает учетной записи пользователя страница Упорядочить
[Woocommerce_logout] — показывает страницу выхода из системы
[Woocommerce_pay] — показывает страницу оплаты труда выезда
[Woocommerce_thankyou] — показывает страницу заказа получил
[Woocommerce_lost_password] — показывает потерянную страницу пароля
[Woocommerce_edit_address] — показывает учетной записи пользователя Редактировать страницу

[Woocommerce_cart] — Корзина
[Woocommerce_checkout] — Оформить заказ
[Woocommerce_order_tracking] — Статус заказа формуляр (Позволяет пользователю видеть состояние заказа введя свои детали заказа.)
[Woocommerce_my_account order_count = "12"] — Мой аккаунт (число 12, это количество сообщений\заказов на страницу)
[recent_products per_page="12" columns="4"] — Последние продукты (12 кол-во товара, 4 — кол во столбцов
[featured_products per_page=.


ь цену и добавить в корзину кнопку одного продукта ID.)
[add_to_cart_url id="99"] Добавить в корзину URL
[product_page id="99"] или [product_page sku="FOO"] Страница продукта Показать полный одну страницу продукта по ID или SKU.
[product_category category="appliances"] Категория продукта (показывает выбранную категорию на странице. appliances — название категории)
Продажа Продукты
[sale_products per_page="12"] Перечислите все продукты на продажу
[best_selling_products per_page="12"] САМЫЕ ПОПУЛЯРНЫЕ ТОВАРЫ Перечислите самых продаваемых продуктов на продажу
[top_rated_products per_page="12"] Лучшие товары Список Самые популярные продукты в продаже
[product_attribute attribute='color' filter='black'] Атрибут продукции Список продукция с шорткода атрибута
[related_products per_page="12"] Сопутствующие товары
Источник http://vk.cc/2Tk5lU

Если шорткоды не работаю, проверте в текстовом редакторе не вставился ли тег <pre>
Есть еще плагин, для вставки шорткодов без заморочек
Woocommerce ShortCodes Products By Categories
http://vk.cc/2Tk58d

vk.com

Зачем вам это может понадобиться?

Шорткоды дают нам следующие возможности:


  • Делать корзину и оформление заказа на одной странице.
  • Выводить один или несколько товаров в любом месте страницы или на отдельной странице.
  • Выводить товары из определённой категории на нужной вам странице.
  • Выводить самые популярные товары, товары со скидкой или самые продаваемые товары.
  • Настраивать количество отображаемых товаров, число столбцов и порядок сортировки и многое другое.

Woocommerce на сегодняшний день является одним из наиболее популярных плагинов для создания интернет-магазинов на базе WordPress. Он содержит огромное количество настроек, в которых очень легко запутаться, а так же поддерживает возможность работы с шорткодами, о которых мы сегодня с вам и поговорим.

Что такое шорткод?

Шорткод дословно переводится с английского как короткий код. Он представляет собой сокращенный фрагмент кода заключенный в квадратные скобки. При выполнении, эта короткая строчка развернется в большой, полноценный код, в котором будут присутствовать различные php-функции, верстка, скрипты, и этот код будет выполняться браузером и выводить какой-то определенный контент или выполнять какие-то действия.

Пример шорткода:

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


Корзина и оформление заказа на одной странице

По умолчанию в Woocommerce страница корзины и страница оформления заказа находится на двух разных страницах, и пользователю нужно между ними переключаться. Это не всегда удобно. Сейчас, нужно все максимально стараться упростить для пользователя, что бы у него как можно меньше времени уходило на оформление заказов.

Для того, что бы это сделать существует два специальных шорткода:

  1. 1.Шорткод корзины
  2. 2.Шорткод оформления заказа

Если оба этих шорткода вставить на одну страницу, то у нас корзина и оформление заказа будут уже не на двух разных страницах, а на одной.

Обратите внимане на то, что Woocommerce, при установке, создает 4 базовые страницы:

  1. 1.Это страница карзины (Cart)
  2. 2.Страница оформления заказа (Checkout)
  3. 3.Страница аккаунта (My Account) — это страница с личным кабинетом вашего пользователя
  4. 4.И страница Магазин (Shop).

И для того, что бы сделать корзину и страницу оформления заказа на одной странице мы можем просто открыть страницу корзины, нажав ссылку «Изменить» под её названием.

И под стандартным шоткодом корзины, который там уже есть добавить шорткод оформления заказа. Теперь можно обновить страницу и посмотреть что получилось.

Вывод одного или нескольких товаров при помощи шорткодов

При разработке интернет-магазина либо сайта с витриной товаров или страницы LandingPage, часто возникает необходимость вывести не все товары витрины магазина, а только определенные. Это может быть какой-то один или несколько товаров.

Давайте в качестве примера рассмотрим такой сайт:

Он сделан как LandingPage, но здесь есть витрина с товарами. В самом верху идет вывод одного товара, а дальше идет вывод еще нескольких товаров, а так же здесь применена сортировка по дате добавления.

Давайте рассмотрим шорткоды, которые позволяют это реализовать:

id — это уникальный специальный идентификатор товара который присваивается ему автоматически при его создании. Как узнать этот идентификатор я вам покажу дальше.

SKU — это артикул товара. Артикул вы можете задавать самостоятельно, при создании какого-то товара, там есть специальное поле «Артикул», в которое ожно ввести нужное вам значение, а затем использовать его в шорткоде.

Если вам нужно вывести сразу несколько товаров, то вы можете использовать следующие шорткоды:


— работает аналогично предыдущим шорткодам, здесь через запятую указываются идентификаторы товаров

— через запятую указываем артикулы товаров. Здесь же, в этом шорткоде, либо в предыдущем, это не имеет значения, вы можете добавить параметр orderby, и в кавычках приписать значение.

Этот параметр отвечает за порядок отображения товаров (сортировку) и может иметь несколько значений:

Price – сортировка по цене (сначала будут идти самые дорогие).

Date – сортировка по дате добавления (самые новые будут в самом начале).

ID – сортировка по идентификаторам и некоторые другие.

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

Для того чтобы узнать ID или SKU нужно:

  1. 1.Перейти в раздел: Товары => Товары
  2. 2.Наводим курсор мышки на один из товаров и под его названием высвечивается его id. Этот id мы можем использовать в шорткоде.
  3. 3.Для того чтобы узнать или задать SKU наводи на название товара и нажимаем на ссылку «Изменить».
  4. 4.Прокручиваем страницу вниз и в поле «Артикул» вписываем нужное значение.

Для вывода товара по ID или SKU делаем следующее:

  1. 1.Открываем страницу, на которой нужно вывести товар.
  2. 2.Перейдем на вкладку «Текст» и добавим нужный шорткод.
  3. 3.Заменяем в нём идентификатор или SKU, на свой.
  4. 4.Нажимаем на кнопку «Обновить».

Вывод товаров из определённой категории при помощи шорткода

Для реализации данной задачи, также, существует специальный шорткод.

Он точно также вставляется на нужную нам страницу и в нем нам нужно указать ярлык нужной категории.
Вернемся в административную часть сайта. Для того, что бы узнать ярлык категории переходим в раздел «Товары», и здесь есть пункт «Категории». На данной странице отображается список всех категорий, которые есть на нашем сайте, и здесь есть такой столбец «Ярлык».

Фактически ярлык — это название вашей категории на английском языке, которое либо вы задаете сами, либо Woocommerce делает это автоматически.
Тоесть для того, что бы вывести товары, к примеру, из категории «7UP» нам нужно вписать в наш шорткод этот ярлык «7up».

В результате получится так:

Этот шорткод также как и предыдущие можно добавить на любую страницу магазина.
Также к нему можно применить параметр сортировки orderby и тогда получится так:

Несколько полезных шорткодов, которые могут вам пригодится

этот шорткод выводит на вашу страницу самые продаваемые продукты из вашего магазина. Здесь вы также можете задать количество выводимых товаров на странице, при помощи аргумента per_rege, в данном случае задано 8. Так же, вы можете задать, сколько товаров будет у вас отображаться в одной строке, т. е. сколько колонок с товарами у вас будет, в данном случае задано 2 колонки, вы можете поставить вместо двух любое число.


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

этот шорткод выводит на страницу товары с самым высоким рейтингом. Т. е. вы можете создать на своем сайте какой-то отдельный блок или отдельную страницу, на который будут выводится товары с самым высоким рейтингом.

Добавляются все эти шорткоды аналогично предыдущим.

Подробная видео инструкция

Если у вас остались какие то вопросы, то посмотрите данное видео, в котором я показываю и рассказываю как работать с этими шорткодами.

Шорткодов Woocommerce на сегодняшний день существует просто огромное множество, и далеко не всем их них можно найти какое-то практическое применение. Их очень много, но те шорткоды, которые я вам дала в этой статье наиболее используемые, которые действительно будут вам полезны и позволят вам проще настроить интернет-магазин.

На этом у меня все. Используйте шорткоды для настройки своих магазинов, получайте с них огромную прибыль, если статья была вам полезна, обязательно делитесь ею в соцсетях!
Желаю вам хорошего настроения и до встречи в моих новых статьях!


С уважением Юлия Гусарь

impuls-web.ru

С помощью шорткодов вы можете выводить товары, товарные, категории и прочие элементы WC на страницах или в постах своего магазина.

Вставлять шорткоды всегда предпочтительнее переключившись в редакторе в текстовый режим во избежание добавления элементов форматирования и тому подобного. Используйте для вставки шорткодов комбинацию клавиш CTRL/CMD + Shift + V

Ниже для каждого показаны аргументы (если есть) и собственно, сам шорткод.

Последние продукты
Полезно для использования на главной странице. Определяет, сколько товаров показывать на странице и количество сколько столбцов.

Рекомендуемые (featured)
Работает точно так же, как и последние продукты, но показывает продукты, обозначенные как “рекомендуемые”. В этом примере шорткод выводит 12 рекомендуемых продуктов в 4 колонки.

Продукт
Выводит одиночный продукт по ID или SKU (артикл).

SKU вы задаёте сами в настройках товара, а ID товара можно найти например, вот так:

Продукты
Показывать несколько продуктов по ID или SKU

Страница продукта
Показывает полную страницу продукта по ID или SKU.

Товарная категория
Показывает продукты категории по ярлыку (slug)

Товарные категории
Показывает продукты категорий

Установите parent в 0, чтобы отображались только категории верхнего уровня. Или укажите ids набором идентификаторов с разделением запятыми.

Продукты на распродаже
Показывает все продукты которые имеют скидку

Продукты — лучшие продажи
Список самых продаваемых продуктов

Продукты с лучшим рейтингом
Выводит самые рейтинговый продукты

Продукты по атрибуту
Показывает список продуктов по определенному атрибуту

Сопутствующие товары
Выводит список сопутствующих товаров

Полное описание доступно вот здесь.
Полное описание на русском тут

wpcommerce.ru

Для вывода (например) на главной странице сайта элементов WC.

Последние продукты
Полезно для использования на главной странице. Определяет, сколько товаров показывать на странице и количество сколько столбцов.

Код:

array(   'post_type' => 'product',   'posts_per_page' => '12',   'columns' => '4',   'orderby' => 'date',   'order' => 'desc'  )    [recent_products per_page="12" columns="4"]

Рекомендуемые (featured)
Работает точно так же, как и последние продукты, но показывает продукты, обозначенные как “рекомендуемые”. В этом примере шорткод выводит 12 рекомендуемых продуктов в 4 колонки.

array(   'post_type' => 'product',   'posts_per_page' => '12',   'columns' => '4',   'orderby' => 'date',   'order' => 'desc',   'meta_key' => '_featured',   'meta_value' => 'yes'  )    [featured_products per_page="12" columns="4"]

С версии WC 3.0 изменился вывод рекомендуемых товаров

$args = array(   'post_type' => 'product',   'posts_per_page' => 10,   'columns' => 4,    'tax_query' => array(  		array(  			'taxonomy' => 'product_visibility',  			'field' => 'slug',  			'terms' => 'featured'  		)  	)  );  

Продукт
Выводит одиночный продукт по ID или SKU (артикл).

[product id="99"]  [product sku="FOO"]

SKU вы задаёте сами в настройках товара, а ID товара можно найти например, вот так:

Продукты
Показывать несколько продуктов по ID или SKU

Страница продукта
Показывает полную страницу продукта по ID или SKU.

Товарная категория
Показывает продукты категории по ярлыку (slug)

Товарные категории
Показывает продукты категорий

array(   'number' => 'null',   'orderby' => 'name',   'order' => 'ASC',   'columns' => '4',   'hide_empty' => '1',   'parent' => '',   'ids' => ''  )    [product_categories number="12" parent="0"]

Установите parent в 0, чтобы отображались только категории верхнего уровня. Или укажите ids набором идентификаторов с разделением запятыми.

[product_categories ids="97" parent="0"]

 

Продукты на распродаже
Показывает все продукты которые имеют скидку

Продукты — лучшие продажи
Список самых продаваемых продуктов

Продукты с лучшим рейтингом
Выводит самые рейтинговый продукты

Продукты по атрибуту
Показывает список продуктов по определенному атрибуту

Сопутствующие товары
Выводит список сопутствующих товаров

Полное описание доступно здесь.

Я использовал:

<h2 class="main-title" align="center">Каталог товаров</h2>  <?php echo do_shortcode( '[product_categories number="0" parent="0"]' ); ?>    <h2 class="main-title" align="center">Новые товары</h2>  <?php echo do_shortcode( '[recent_products per_page="8" columns="8"]' ); ?>    <h2 class="main-title" align="center">Популярные товары</h2>  <?php echo do_shortcode( '[featured_products per_page="4" columns="4"]' ); ?>    <h2 class="main-title" align="center">Распродажа</h2>  <?php echo do_shortcode( '[sale_products per_page="4" columns="4"]' ); ?>

Тэги: woocommerce, шорткод

opttour.ru

Наша команда техподдержки рада представить вам новый туториал, который покажет, как работать с шорткодами Woocommerce (Woocommerce shortcodes).

WooCommerce. Как использовать шорткоды плагина

Откройте официальный сайт WooCommerce, "Инструкции по шорткодам», для того чтобы узнать, какие шорткоды Вы можете использовать на вашем сайте.

Обратите внимание, что доступные шорткоды зависят от версии плагина WooCommerce. Проверьте версию плагина на вашем сайте следующим образом:

  1. Войдите в вашу админ панель WordPress (WordPress admin panel).

  2. Перейдите на вкладку Плагины -> Установленные плагины (Plugins -> Installed plugins).

  3. Найдите плагин WooCommerce и проверьте его версию:

    WooCommerce.How_to_use_plugin's_shortcodes_1

  4. Перейдите на страницу шорткодов, для того чтобы проверить, какие шорткоды Вы можете использовать.

Например, наш сайт использует WooCommerce версии 2.2.8, так что мы можем использовать следующие шорткоды (нужно лишь вставить их в содержание одной из страниц):

  1. Добавление шорткода [woocommerce_cart] в содержимое обычной страницы позволит вам отобразить на этой странице Корзину. Вы увидите список продуктов, добавленых в корзину, секцию «Всего в Корзине» (Cart Totals) и форму расчёта стоимости доставки (Shipping Calculating):

    WooCommerce.How_to_use_plugin's_shortcodes_2

  2. Шорткод [woocommerce_checkout] позволит отобразить страницу оформления заказа. Здесь покупатели могут ввести реквизиты для оплаты. Также здесь есть опция изменения Адреса доставки. Внизу страницы есть список доступных систем оплаты для оплаты заказа:

    WooCommerce.How_to_use_plugin's_shortcodes_3

  3. [woocommerce_order_tracking] отобразит форму отслеживания заказа. Указав номер заказа (который можно найти в электронном письме, подтверждающем заказ), ваши клиенты могут отслеживать статус заказа. Вы можете создать отдельную страницу отслеживания заказа и добавить ссылку на неё в главное меню. Так процесс покупки на вашем сайте станет более удобным для клиентов:

    WooCommerce.How_to_use_plugin's_shortcodes_4

  4. Шорткод [woocommerce_my_account] показывает страницу профиля пользователя. Покупатели могут видеть свои недавние покупки (по умолчанию 15), а также адрес, используемый при оформлении заказов (Адрес плательщика и Адрес доставки):

    WooCommerce.How_to_use_plugin's_shortcodes_5

Благодарим за ознакомление с туториалом! Вы можете также ознакомиться с детальным видео-туториалом ниже:

WooCommerce. Как использовать шорткоды плагина

www.templatemonster.com

Видео руководство

Вместе с данной статьей мы выпустили и видео руководство в котором расскажем, что такое шорткоды, которые существуют шорткоды на WooCommerce, а также быстро пройдемся по основным видам.

Шорткоды страниц

  • [woocommerce_cart] – показывает страницу корзины;
  • [woocommerce_checkout]– показывает страницу оформления заказа;
  • [woocommerce_my_account] – показывает страницу “Мой аккаунт”;
  • [woocommerce_order_tracking] – показывает форму отслеживания заказа.

Данные страницы как правило генерируются автоматически, как мы описали в нашем руководстве по WooCommerce.

Корзина

Шорткод корзины, используемый на странице корзины, отображает содержимое корзины и интерфейс для кодов купонов и других элементов корзины.

Параметры: отсутствуют

[woocommerce_cart]

Оформления заказа

Шорткод оформления заказа, используемый на странице оформления заказа, отображает процесс оформления заказа.

Параметры: отсутствуют

[woocommerce_checkout]

Мой аккаунт

Шорткод страницы “Мой аккаунт” показывает раздел “Мой аккаунт”, где клиент может просматривать предыдущие заказы и обновлять свою информацию. Вы можете указать количество заказов, которые будут отображаться. По умолчанию установлено значение 15 (введите 1, чтобы отображать все заказы).

Параметры:

array(

‘current_user’ => »

)

[woocommerce_my_account]

Параметр для ‘current_user’ автоматически устанавливается с помощью get_user_by( ‘id’, get_current_user_id() ).

Форма отслеживания заказа

Позволяет клиенту узнать статус заказа, введя детали заказа.

Параметры: никаких

[woocommerce_order_tracking]

Товары

Шорткод [products] позволяет вам отображать товары по ID, артикулу, категориям, атрибутам, обеспечивает постраничную навигацию, случайную сортировку и метки товаров. Просмотрите приведенные ниже примеры.

Доступные атрибуты товаров

Следующие атрибуты доступны для использования вместе с шорткодом [products]. Они были поделены на разделы для удобства навигации, с примерами ниже.

Отображаемые атрибуты товаров

  • limit – количество отображаемых товаров. По умолчанию отображается 12 товаров, если ввести значение “1” — будут отображаться все товары для выбранных категорий.
  • columns – количество отображаемых столбцов. По умолчанию — 4.
  • orderby – сортирует товары, отображаемые за введенным параметром. Один или несколько параметров можно передать, добавив оба слага с пробелом между ними. Доступные параметры:
    • date – дата, когда товар был опубликован;
    • id – ID товара;
    • menu_order – меню заказа, если установлено (меньшие числа отображаются первыми);
    • popularity – количество покупок;
    • rand – случайное упорядочивание товаров при загрузке страницы (может не работать с сайтами, использующими кеширование, поскольку оно может сохранять определенный порядок);
    • rating – средний рейтинг товара;
    • title – название товара. По этому значению происходит сортировка по умолчанию.
  • skus – разделенный запятыми список артикулов товаров.
  • category – разделенный запятыми список слагов категорий.
  • order – устанавливает, будет ли порядок размещения товаров возрастающий (ASC) или нисходящий (DESC). По умолчанию используется ASC.
  • class – добавляет класс упаковщика HTML, так что вы можете изменить конкретный вывод с пользовательской CSS.
  • on_sale – находит товары со скидками. Не используется в сочетании с best_selling или top_rated.
  • best_selling – находит самые продаваемые товары. Не используется в сочетании с on_sale или top_rated.
  • top_rated – находит самые популярные товары. Не используется в сочетании с on_sale или best_selling.

Контентные атрибуты товаров

  • attribute – находит товары, используя указанный слаг атрибута..
  • terms – список значений атрибута, разделенных запятыми, которые будут использоваться с атрибутом.
  • terms_operator – оператор для сравнения значений атрибута. Доступные варианты:
    • AND – будет отображать товары со всеми выбранными атрибутами.
    • IN – будет отображать товары с выбранным атрибутом. Это значение по умолчанию.
    • NOT IN – будет отображать товары, которые не имеют выбранных атрибутов.
  • visibility – будет отображать товары на основе выбранной видимости. Доступные варианты:
    • visible – товары видны на страницах “товары” и “результы поиска”. Это вариант по умолчанию visibility.
    • catalog – товары видны только на странице “товары”, но не на странице “результы поиска”.
    • search – товары видны на странице “результы поиска”, но не на странице “товары”.
    • hidden – товары, которые скрыты от страниц “товары” и “результы поиска”, доступны только по прямой ссилке (URL).
    • featured – товары, которые помечены как “Это рекомендуемый товар”.
  • category – находит товары, используя указанный ярлык категории.
  • cat_operator – оператор для сравнения значений категории. Доступные варианты:
    • AND – будет отображать товары со всех выбранных категорий.
    • IN – будет отображать товары с выбранной категории. Это значение по умолчанию cat_operator.
    • NOT IN – будет отображать товары, которых нет в выбранной категории.
  • ids – будет отображать товары на основе списка ID постов, разделенных запятыми.
  • skus – будет отображать товары на основе списка артикулов, разделенных запятыми.

* Если товар не отображается, убедитесь, что он не помечен как “Скрытый” в “Видимость в каталоге”.

Чтобы найти ID товара, перейдите в “Товары”, наведите указатель мыши на товар, и появится ID, как показано ниже.

WooCommerce-Product-ID

Специальные атрибуты товара

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

  • best_selling – будет отображать ваши самые продаваемые товары. Должно быть установлено «true».
  • on_sale – будет отображать товары со скидками. Должно быть установлено «true».

Шорткоды категории товаров

Эти два шорткоды будут отображать ваши категории товаров на любой странице.

  • [product_category] – будет отображать товары в заданной категории товаров.
  • [product_categories] – будет отображать все ваши категории товаров.

Примеры по работе с шорткодами

В следующих сценариях мы будем использовать пример магазина одежды.

Сценарий 1 — Выбранные наугад товары со скидкой

Я хочу отобразить четыре товара со скидкой, выбранных наугад.

[products limit=»4″ columns=»4″ orderby=»popularity» class=»quick-sale» on_sale=»true» ]

Этот шорткод устанавливает четыре товара с четырьмя столбцами (которые будут в одном ряду), показывающий самые популярные товары со скидками. Он также добавляет CSS class quick-sale, который можно изменить в своей теме.

WooCommerce Shortcode - Sale Products

Сценарий 2 — Рекомендуемые товары

Я хочу отобразить мои рекомендуемые товары, по два в каждом ряду, максимум из четырех позиций.

[products limit=»4″ columns=»2″ visibility=»featured» ]

Этот шорткод говорит, что до четырех единиц товаров будут загружаться в два столбца и что они должны быть рекомендуемыми. Также он использует значения по умолчанию, такие как сортировка по заголовкам (от А до Я).

WooCommerce Shortcode - Featured Products

Сценарий 3 — Самые продаваемые товары

Я хочу отобразить три моих самых продаваемых товара в одном ряду.

[products limit=»3″ columns=»3″ best_selling=»true» ]

WooCommerce Shortcode - Best Selling Products

Сценарий 4 — Новые товары

Сначала я хочу отображать новые товары — четыре товара в одном ряду. Для этого мы будем использовать ID (который формируется при создании страницы товара) вместе с командой “order” и “orderby”. Поскольку вы не можете видеть ID постов из фронтэнда, ID накладываются на изображения.

[products limit=»4″ columns=»4″ orderby=»id» order=»DESC» visibility=»visible»]

WooCommerce Shortcodes - Newest

Сценарий 5 -Конкретные категории

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

[products limit=»8″ columns=»4″ category=»hoodies, tshirts» cat_operator=»AND»]

WooCommerce Shortcode - Products by Category

В качестве альтернативы, я хочу отображать товары не с этих категорий. Все, что мне нужно, это изменить cat_operator на NOT IN.

[products limit=»8″ columns=»4″ category=»hoodies, tshirts» cat_operator=»NOT IN»]

Обратите внимание, хотя предел установлен на 8, показаны только четыре товара, поскольку нашлось только 4 товара, которые соответствуют этим критериям.

WooCommerce Shortcode - Products by Category

Сценарий 6 — Отображение атрибутов

Каждый из элементов одежды имеет атрибут, либо “весна / лето” или “осень / зима” в зависимости от соответствующего сезона, с аксессуарами, имеющими оба, так как их можно носить круглый год. В этом примере я хочу три товара в ряду, отображающиму все товары, соответствующие сезонам “Весна / Лето”. Слаг атрибута — сезон, а атрибуты — теплый и холодный. Я также хочу, чтобы они были отсортированы от новейших товаров до самых старых.

[products columns=»3″ attribute=»season» terms=»warm» orderby=»date»]

WooCommerce Shortcode - Products by Attribute

В качестве альтернативы, если бы я хотел бы отображать товары, подходящие только для холодной погоды, я мог бы добавить NOT IN до terms_operator:

[products columns=»3″ attribute=»season» terms=»warm» terms_operator=»NOT IN»]

WooCommerce Shortcode - Products by Attribute

Обратите внимание, что, используя NOT IN, я исключаю товары, которые находятся в “Весна / Лето” и Осень/ Зима”. Если бы я хотел показать всю подходящую для холодной погоды одежду, включая общие аксессуары, я бы изменил значение от “теплый” до “холодный”.

Сортировка товаров по произвольным полям

Используя шорткод “Товары”, вы можете выбрать упорядочивать ли товары по заранее определенным значениям выше. Вы также можете отсортировать товары по индивидуальным мета-полям, используя код ниже (в данном примере мы упорядочиваем товары по цене):

add_filter( ‘woocommerce_shortcode_products_query’, ‘woocommerce_shortcode_products_orderby’ );

function woocommerce_shortcode_products_orderby( $args ) {

$standard_array = array(‘menu_order’,’title’,’date’,’rand’,’id’);

if( isset( $args[‘orderby’] ) && !in_array( $args[‘orderby’], $standard_array ) ) {

$args[‘meta_key’] = $args[‘orderby’];

$args[‘orderby’] = ‘meta_value_num’;

}

return $args;

}

Вы должны поместить этот фрагмент в functions.php в вашей папке темы, а затем кастомизировать путем редактирования meta_key.

Примечание: В случае, если вам нужна индивидуальная настройка шорткодов под ваши потребности, вы всегда можете обратится в наш отдел продаж и мы поможем найти для вас необходимое решение.

Страница товара

Отображение страницы отдельного товара с полной информацией о нем по ID или артикулу.

[product_page id=»99″]

[product_page sku=»FOO»]

Сопутствующие товары

Перечисление сопутствующих товаров.

Параметры:

array(

‘limit’ => ’12’,

‘columns’ => ‘4’,

‘orderby’ => ‘title’

)

[related_products limit=»12″]

Аргумент ‘limit’

Примечание: аргумент шорткода ‘limit’ устанавливает, сколько товаров отображается на странице. Он не будет добавлять постраничную навигацию к шорткоду.

Добавить в корзину

Отображение цены и кнопки “Добавить в корзину” отдельного товара по ID.

Параметры:

array(

‘id’ => ’99’,

‘style’ => ‘border:4px solid #ccc; padding: 12px;’,

‘sku’ => ‘FOO’

‘style’ => ‘TRUE’

‘class’ => ‘CSS-CLASS’

)

[add_to_cart id=»99″]

Добавить URL в корзину

Отображение URL на кнопке “Добавить в корзину” отдельного товара по ID.

Параметры:

array(

‘id’ => ’99’,

‘sku’ => ‘FOO’

)

[add_to_cart_url id=»99″]

Отображение уведомлений WooCommerce на страницах, которые не связаны с WooCommerce

[shop_messages] позволяет показывать уведомления WooCommerce (например, “Товар добавлен в корзину”) на страницах которые не связаны с WooCommerce. Он — полезен, когда вы используете другие шорткоды, например [add_to_cart], и хотели бы, чтобы клиенты получали извещения о своих действиях.

www.imagecms.net

Шорткоды (по умолчанию) версии 2.1.x:

  • [woocommerce_cart] – показывает страницу корзины
  • [woocommerce_checkout] – показывает страницу оплаты
  • [woocommerce_order_tracking] – отображает страницу отслеживания заказа
  • [woocommerce_my_account] – отображает страницу с профилем пользователя
  • [product id=»99″] — вывод товара в любое место / по id
  • [product sku=»FOO»] — вывод товара в любое место / по sku
  • [product_page id=»99″] — вывод товара (детально) в любое место / по id
  • [product_page sku=»FOO»] — вывод товара (детально) в любое место / по sku
  • [product_category category=»category-alias(url-path)»] — вывод всех товаров категории

Версии, ниже 2.1.x:

  • [woocommerce_edit_account] — страница редактирования аккаунта
  • [woocommerce_change_password] – страница смены пароля
  • [woocommerce_view_order] – отображение заказа
  • [woocommerce_logout] — страница выхода из аккаунта
  • [woocommerce_pay] – страница оплаты
  • [woocommerce_thankyou] – отображение страницы «Спасибо за покупку!»
  • [woocommerce_lost_password] – страница предыдущего пароля
  • [woocommerce_edit_address] – отображает страницу изменения адреса пользователя

Для этих шорткодов отсутствуют настройки аргументов:

  • [woocommerce_cart]
  • [woocommerce_checkout]
  • [woocommerce_order_tracking]

Более тонкие настройки

Страница аккаунта

[woocommerce_my_account]
Редактируем значение в файле class-wc-shortcode-my-account.php
array(
‘current_user’ => »,
‘order_count’ => ‘-1’
)

Либо вставляем следующий шорткод в страницу
[woocommerce_my_account order_count=»-1″]

Вы можете указать определённое количество заказов, по умолчанию кол-во заказов пользователя отображается до 15 (пропишите -1 для отображения всех заказов.)
Расположение файла: wp-contentpluginswoocommerceincludesshortcodesclass-wc-shortcode-my-account.php

Список новых товаров

Список последних товаров обычно используют на Главной страницы. per_page — означает, сколько товаров нужно показать на страницы, атрибут columns — показывает кол-во колонок.

изменение шоркодов вукомерс

Редактируем значения файла class-wc-shortcodes.php:
array(
‘per_page’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘date’,
‘order’ => ‘desc’
)

Вставляем шорткод
[recent_products per_page=»12″ columns=»4″]

Список рекомендуемых товаров

Все аналогично, как описано выше, только шорткод:
array(
‘per_page’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘date’,
‘order’ => ‘desc’
)

[featured_products per_page=»12″ columns=»4″]

Посмотреть оригинальную документацию можно тут: https://docs.woothemes.com/document/woocommerce-shortcodes/

max-levsha.by


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.