В придыдущей статье мы разбирались что такое шорткод для WordPress, где они используются, ну и конечно же примеры шорт кодов для WordPress. В этой статье мы поговорим о шорткодах для интернет магазина на базе WooCommerce.
В WooCommerce по умолчанию существуют базовые шорткоды при помощи которых можно выводить ту или иную информацию. Не будем ходить вокруг да около, а перейдем к непосредственым примерам
Выводим последние добавленные товары (новые товары)
Этот шорткод будет полезен к примеру на главной странице сайта для того, чтобы показать покупателю новые товары из ассортимента магазина:
Теги шорткода:
[recent_products per_page="12" columns="4"]
Изменяя значение per_pag вы можете регулировать количество выводимых товаров, а columns отвечает за количество колонок
Результат:
Выводим популярные товары
Этот шорткод схож с предыдущим , различие в том что он выводит только те товары, которые вы отметили звездочками в колонке «Рекомендуемый товар» в списке товаров, также как и предыдущий шорткод можно использовать на главной странице:
Теги шорткода:
[featured_products per_page="12" columns="4"]
Вывод одного товара по ID или артикулу (SKU)
В случае если нужно вывести один конкретный товар это можно сделать при помощи шорткода с указанием ID нужного вам товара
Теги шорткода:
[product id="45"]
узнать ID (идентификатор товара) товар можно на странице всех товаров, в списке товаров просто наведите курсором мыши на нужный вам товар:
Так же можно вывести нужный вам товар по артикулу для этого то же существует шорткод
Теги шорткода:
[product sku="0001"]
Вывод нескольких товаров по ID или артикулу (SKU)
Еще можно вывести несколько нужных вам товаров для этого тоже потребуется уникальный ID товара , при этом в шоркоде мы будем их перечислять через запятую
Теги шорткода:
[products ids="1, 2, 3, 4, 5"]
Такая же кострукция может быть применена и для вывода товара по артикулу. Как и в предыдущем примере артикулы нужных вам товаров перечисляются через запятую
Теги шорткода:
[products skus="0001, 0002"]
По умолчанию товары будут выводиться в четыре колонки.
Вывод кнопки «Добавить в корзину» для определенного товара
Этот шорткод создаст кнопку на которой будет отображается цена указанного (по ID) товара и надпись «Добавить в корзину».
Теги шорткода:
[add_to_cart id="40"]
Результат:
Выводим страницу товара на любой странице
Шорткод при помощи которого осуществляется вывод страницы по ID товара или артикулу на любой выбранной вами странице или записи.
Теги шорткода вывод по ID товара:
[product_page id="40"]
Теги шорткода вывод по артикулу:
[product_page sku="0001"]
Результат:
Вывод товаров из категории WooCommerce
Для вывода всех товаров из определенной категории WooCommerce примените следующий шорткод:
Теги шорткода:
[product_category category="kategoriya-1"]
В кавычках укажите ярлык нужной вам категории, который можно узнать в пункте меню Категории в колонке ярлык по следующему пути: Товары -> Категории
Вывод картинки ярлыка категории
Теги шорткода:
[product_categories number="7" parent="0"]
Значение number — регулирует количество выводимых категорий.
Вывести конкретные категории можно при помощи указания их ID в шорткоде
Теги шорткода:
[product_categories ids="7,8" parent="0"]
Результат:
Вывод товаров со скидкой
Теги шорткода:
[sale_products per_page="4"]
Результат:
Вывод топа рейтинговых товаров
Рейтинги товару назначаются при добавление комментариев. На основе этих рейтингов можно сделать вывод рейтинговых товаров.
Теги шорткода:
[top_rated_products per_page="12"]
Вывод товаров по свойствам
В данном примере мы выведем товары со свойством Цвет, в которых указан цвет товара черный.
Теги шорткода:
[product_attribute attribute='color' filter='black']
Вывод страницы корзины
Теги шорткода:
[woocommerce_cart]
Вывод страницы оформления заказа
Теги шорткода:
[woocommerce_checkout]
Вывод страницы отслеживания заказа
Теги шорткода:
[woocommerce_order_tracking]
Вывод последних заказов пользователя и учетных записей пользователя
Теги шорткода:
[woocommerce_my_account]
Если у Вас возникнут вопросы — смело задавайте их в комментариях
