Вызов короткого кода WooCommerce
Вызов короткого кода WooCommerce

WooCommerce поставляется с множеством шорткодов (коротких кодов).,Содержимое можно вставлять прямо на страницу публикации.,Удобно выставлять товары、Классификация и т. д.。Например, вставьте его прямо при редактировании статьи.[products],или Тот, ктоphpВставить в файл<?php echo do_shortcode('[product]'); ?>нижеданекоторые часто используемыеwoocommerce短代码

注意短代码不要放существовать<pre></pre>между,""Двойная кавычка и'' одинарная кавычка да в английском языке


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

WooCommerce не будет работать должным образом без первых трёх шорткодов где-нибудь на вашем сайте.

woocommerce_cart – Показать страницу корзины покупок 

woocommerce_checkout – Показать страницу оформления заказа 

woocommerce_my_account – Показать страницу учетной записи пользователя

woocommerce_order_tracking – Показать форму отслеживания заказа

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

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


Короткий код продукта

[products]Короткие коды позволяют вамв соответствии сPost ID、SKU、категория、Отображение недвижимостипродукт,И поддерживает пагинацию, случайную сортировку и теги товаров.,Заменяет необходимость использования нескольких коротких кодов。Проверятьниже Пример。[products][featured_products][sale_products][best_selling_products][recent_products][product_attribute][top_rated_products]

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

Показать атрибуты продукта
  • limit– Количество отображаемых товаров. По умолчанию при публикации продукта используется и (показать все), по умолчанию используется категория (Показать все)。-1-1
  • columns– Количество столбцов для отображения. Значение по умолчанию: 。4
  • paginate– Включите нумерацию страниц. и Используется в сочетании. Настройка по умолчанию: Пагинация 。limitfalsetrue
  • orderby– Сортируйте отображаемые продукты по параметрам ввода. Это можно сделать, добавив два slug и оставьте между ними пробел, чтобы передать один или несколько вариантов. Доступные варианты включают в себя:
    • date– Дата выпуска продукта.
    • id– посты о продуктах ID。
    • menu_order– Порядок меню, если он установлен (нижние цифры отображаются первыми).
    • popularity– Количество покупок.
    • rand– Заказывайте продукты случайным образом при загрузке страницы (может не работать на сайтах, использующих кеш, поскольку он может сохранять определенные заказы).
    • rating– Средний рейтинг продукта.
    • title– продуктзаголовок。этотда Режим по умолчанию。orderby
  • skus– продукты, разделенные запятыми SKU список.
  • category– через запятуюкатегорияслизняксписок.
  • tag– Теги, разделенные запятыми slug список.
  • order– использовать метод set описание порядка продуктов в порядке возрастания () Также в порядке убывания ( ). Значение по умолчанию: 。ASCDESCorderbyASC
  • class– добавить в HTML Класс-оболочка, чтобы вы могли использовать собственные CSS Измените конкретный вывод.
  • on_sale– Получите товары со скидкой. не использоваться с или Вместеиспользовать。best_sellingtop_rated
  • best_selling– Получите самые продаваемые продукты. не использоваться с или Вместеиспользовать。on_saletop_rated
  • top_rated– Получите продукты с самым высоким рейтингом. не использоваться с или Вместеиспользовать。on_salebest_selling
Атрибуты контент-продукта
  • attribute– Использовать указанные атрибуты slug Получить продукты.
  • terms– Быть связанным с Вместеиспользоватьтермины атрибутов, разделенных запятымисписок.attribute
  • terms_operator– Оператор, используемый для сравнения элементов атрибута. Доступные варианты включают в себя:
    • AND– Будут отображены товары из всех выбранных объектов недвижимости.
    • IN– будет отображаться с выбранными атрибутамипродукт。этотдазначение по умолчанию。terms_operator
    • NOT IN– Будут отображены товары, которых нет в выбранных свойствах.
  • tag_operator– Оператор, используемый для сравнения меток. Доступные варианты включают в себя:
    • AND– Будут отображены товары из всех выбранных тегов.
    • IN– будет отображаться с выбранным тегомпродукт。этотдазначение по умолчанию。tag_operator
    • NOT IN– Будут отображаться товары, не входящие в выбранный тег.
  • visibility– Товары будут отображаться в зависимости от выбранной видимости. Доступные варианты включают в себя:
    • visible– продуктсуществоватьмагазини Видно в результатах поиска。этотда Параметры по умолчанию。visibility
    • catalog– Товары видны только в магазине, но не в результатах поиска.
    • search– Товар виден только в результатах поиска, но не в магазине.
    • hidden– Скрытые товары в магазине и поиск доступен только через директ URL доступ.
    • featured– Товары, помеченные как избранные.
  • category– Использовать указанные категории slug Получить продукты.
  • tag– Использовать указанную метку slug Получить продукты.
  • cat_operator– Оператор, используемый для сравнения терминов категорий. Доступные варианты включают в себя:
    • AND– Будут отображены товары, принадлежащие всем выбранным категориям.
    • IN– Выбор будет отображатьсякатегориявпродукт。этотдазначение по умолчанию。cat_operator
    • NOT IN– Будут показаны товары, не относящиеся к выбранной категории.
  • ids– Сообщения, разделенные запятой ID В списке отображаются продукты.
  • skus– будут разделены запятыми SKU В списке отображаются продукты.

Если элемент не отображается, убедитесь, что для него не установлено значение «Скрытый» в разделе «Видимость каталога».

Особые атрибуты продукта

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

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

[продукт]пример короткого кода

Сценарий 1 – Случайные предметы на продажу

Я хочу выставить на продажу четыре случайных товара.

Язык кода:javascript
копировать
[products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true" ]

Этот короткий код явно представляет четыре продукта.,Четыре столбца (поставьте да в одну строку),Показывает самые популярные товары в продаже. Он также имеет класс CSS,Я могу изменить это в своей теме。quick-sale

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

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

Язык кода:javascript
копировать
[products limit="4" columns="2" visibility="featured" ]

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

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

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

Язык кода:javascript
копировать
[products limit="3" columns="3" best_selling="true" ]
Сценарий 4 – Новейший продукт

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

Язык кода:javascript
копировать
[products limit="4" columns="4" orderby="id" order="DESC" visibility="visible"]
Сценарий 5 – Конкретная категория

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

Язык кода:javascript
копировать
[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]

Или я хочу показывать только товары, которые не относятся к этим категориям. мне просто нужно переодеться .cat_operatorNOT IN

Язык кода:javascript
копировать
[products limit="8" columns="4" category="hoodies, tshirts" cat_operator="NOT IN"]

Обратите внимание: даже если для ограничения установлено значение , только четыре продукта соответствуют критериям, поэтому отображаются четыре продукта.

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

У каждой одежды есть свой атрибут, в зависимости от сезона: «Весна/Лето» или «Осень/Зима», а некоторые аксессуары имеют и то, и другое, поскольку их можно носить круглый год. В этом примере мне нужно по три товара в строке, отображая все товары «Весна/Лето». Это свойство slug да , атрибут да и . Я тоже хочу их из последних продуктыприезжатьсамый старыйпродуктруководитьсортировать。seasonwarmcold

Язык кода:javascript
копировать
[products columns="3" attribute="season" terms="warm" orderby="date"]

или ВОЗ,Если я хочу показывать только товары для холодной погоды,Я могудобавить вмой:NOT INterms_operator

Язык кода:javascript
копировать
[products columns="3" attribute="season" terms="warm" terms_operator="NOT IN"]

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

Сценарий 7. Показывайте только товары с тегом «толстовки».
Язык кода:javascript
копировать
[products tag="hoodie"]

Сортировка товаров по пользовательскому метаполю

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

Язык кода:javascript
копировать
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;
}

Вам необходимо поместить этот фрагмент в папку .php вашей темы, а затем настроить его, отредактировав Meta_key.


Классификация продукции

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

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

Доступные атрибуты категорий продуктов

  • ids– Укажите конкретные категории для перечисления ИДЕНТИФИКАТОР. используется для [product_categories]
  • category– Можно ли категоризировать Идентификатор, имя или слизняк. используется для [product_category]
  • limit– Количество категорий для отображения
  • columns– Количество столбцов для отображения. Значение по умолчанию: 4
  • hide_empty– Значение по умолчанию — «1», которое скрывает пустые категории. Установите значение «0», чтобы показывать пустые категории.
  • parent– Если вы хотите отображать все подкатегории, выберите определенную категорию. ИДЕНТИФИКАТОР. или установите значение «0» (как показано в примере ниже), чтобы Показать только верхние категории。
  • orderby– По умолчанию соответствии Сортировка «имя», может быть установлена ​​на «id», «slug» и «menu_order». Если вы хотите в соответствии указан ID сортировать,тогда все в порядкеиспользоватьorderby="include"
  • order– использовать Описание метода задано в категории сортировка по возрастанию () Также в порядке убывания ( ). Значение по умолчанию: 。ASCDESCorderbyASC

Пример сценария категории продукта

Показать только верхние категории

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

Язык кода:javascript
копировать
[product_categories number="0" parent="0"]

Страница сведений о продукте

Отображение полных отдельных страниц продукта по идентификатору или SKU.

Язык кода:javascript
копировать
[product_page id="99"]
Язык кода:javascript
копировать
[product_page sku="FOO"]

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

существовать Страница сведений о продуктеперечислен в Сопутствующие товары。

параметр:

Язык кода:javascript
копировать
array(
     'limit' => '12',
     'columns' => '4',
     'orderby' => 'title'
 )

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

[related_products limit="12"]


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

Отобразите цену отдельных продуктов по идентификатору и кнопку «Добавить в корзину».

параметр:

Язык кода:javascript
копировать
array(
      'id' => '99',
      'style' => 'border:4px solid #ccc; padding: 12px;',
      'sku' => 'FOO'
      'show_price' => 'TRUE'
      'class' => 'CSS-CLASS'
      'quantity' => '1';
 )

добавить в Короткий код корзины:

Язык кода:javascript
копировать
[add_to_cart id="99"]

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

Отобразите URL-адрес на кнопке «Добавить в корзину» для отдельного продукта по идентификатору.

параметр:

Язык кода:javascript
копировать
array(
      'id' => '99',
      'sku' => 'FOO'
 )

Добавить короткий код URL-адреса корзины покупок

Язык кода:javascript
копировать
[add_to_cart_url id="99"]

Показывать уведомления WooCommerce на страницах, отличных от WooCommerce.

[shop_messages]позволю тебесуществовать НетWooCommerceотображается на страницеWooCommerceуведомить(Например,“продуктужедобавить вприжать корзину покупок"). При использовании других коротких кодов, например ) и хотят, чтобы пользователи получали отзывы об их действиях.


Часто задаваемые вопросы по короткому коду woocommerce

Вариант продукта Артикул не показан

о SKU Использование коротких кодов, например вариантов продуктов. SKU Не предназначен для отображения отдельно без родительской переменной Product. SKU。поэтому,если мыиспользоватьот:продуктданные>переменнаяпродукт>Варианты>Вариантыимя> Артикул, показа не ожидается SKU。[products skus="sku-name"]

Но да, если мы используем в родительской переменной product SKU:Данные о продукте>переменный товар>в наличии> SKU, отобразятся данные о продукте.

Ссылки

https://woocommerce.com/document/woocommerce-shortcodes/

boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода