Шорткоды для интернет магазина на WordPress + WooCommerce

Wordpress

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






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

Выводим последние добавленные товары (новые товары)

Этот шорткод будет полезен к примеру на главной странице сайта для того, чтобы показать покупателю новые товары из ассортимента магазина:

Теги шорткода:


[recent_products per_page="12" columns="4"]

Изменяя значение per_pag вы можете регулировать количество выводимых товаров, а columns отвечает за количество колонок

Результат:

shortkodyi-v-woocommerce

Выводим популярные товары

Этот шорткод схож с предыдущим , различие в том что он выводит только те товары, которые вы отметили звездочками в колонке «Рекомендуемый товар» в списке товаров, также как и предыдущий шорткод можно использовать на главной странице:

Теги шорткода:


[featured_products per_page="12" columns="4"]

shortkodyi-v-woocommerce3

Вывод одного товара по ID или артикулу (SKU)

В случае если нужно вывести один конкретный товар это можно сделать при помощи шорткода с указанием ID нужного вам товара

Теги шорткода:


[product id="45"]

узнать ID (идентификатор товара)  товар можно на странице всех товаров, в списке товаров просто наведите курсором мыши на нужный вам товар:

shortkodyi-v-woocommerce4

Так же можно вывести нужный вам товар по артикулу для этого то же существует шорткод

Теги шорткода:

[product sku="0001"]

 

Вывод нескольких товаров по ID или артикулу (SKU)

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

Теги шорткода:


[products ids="1, 2, 3, 4, 5"]

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

Теги шорткода:


[products skus="0001, 0002"]

По умолчанию товары будут выводиться в четыре колонки.

Вывод кнопки «Добавить в корзину» для определенного товара

Этот шорткод создаст кнопку на которой будет отображается цена указанного (по ID) товара и надпись «Добавить в корзину».

Теги шорткода:


[add_to_cart id="40"]

Результат:

shortkodyi-v-woocommerce5

Выводим страницу товара на любой странице

Шорткод при помощи которого осуществляется вывод страницы по ID товара или артикулу на любой выбранной вами странице или записи.

Теги шорткода вывод по ID товара:


[product_page id="40"]

Теги шорткода вывод по артикулу:


[product_page sku="0001"]

Результат:

shortkodyi-v-woocommerce-22

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

Для вывода всех товаров из определенной категории WooCommerce примените следующий шорткод:

Теги шорткода:


[product_category category="kategoriya-1"]

В кавычках укажите ярлык нужной вам категории, который можно узнать в пункте меню Категории в колонке ярлык по следующему пути: Товары -> Категории

shortkodyi-v-woocommerce-23

 

Вывод картинки ярлыка категории

Теги шорткода:

[product_categories number="7" parent="0"]

Значение number — регулирует количество выводимых категорий.

Вывести конкретные категории можно при помощи указания их ID в шорткоде

Теги шорткода:


[product_categories ids="7,8" parent="0"]

Результат:

shortkodyi-v-woocommerce-24

Вывод товаров со скидкой

Теги шорткода:


[sale_products per_page="4"]

Результат:

shortkodyi-v-woocommerce-25

Вывод топа рейтинговых товаров

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

Теги шорткода:


[top_rated_products per_page="12"]

Вывод товаров по свойствам

В данном примере мы выведем товары со свойством Цвет, в которых указан цвет товара черный.

Теги шорткода:


[product_attribute attribute='color' filter='black']

 

Вывод страницы корзины

Теги шорткода:


[woocommerce_cart]

Вывод страницы оформления заказа

Теги шорткода:


[woocommerce_checkout]

Вывод страницы отслеживания заказа

Теги шорткода:


[woocommerce_order_tracking] 

Вывод последних заказов пользователя и учетных записей пользователя

Теги шорткода:


[woocommerce_my_account]

 

 

Если у Вас возникнут вопросы — смело задавайте их в комментариях






2 комментарии на “Шорткоды для интернет магазина на WordPress + WooCommerce

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

  2. Доброй ночи!

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

    Ответить

Добавить комментарий для Uphill Rush 3 Отменить ответ

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