Шорткод woocommerce товары со скидкой

WooCommerce: шорткоды — примеры использования

Статья также дополнена другими примерами из практики студии.

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

Шорткоды можно вставлять в страницы, посты и описания товаров.

Страницы

[woocommerce_cart] – страница корзины
[woocommerce_checkout] – страницу оформления заказа
[woocommerce_my_account] – личный кабинет
[woocommerce_order_tracking] – страница отслеживания заказа

Товары

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

Список атрибутов [products]

Примеры использования [products]

Товары со скидкой

Шорткод выводит 4 товара со скидкой в 4 столбца, отсортированных по популярности.

Также добавлен собственный ccs-класс «quick-sale», чтобы выделить товары с помощью серого фона и отступов.

Рекомендуемые товары

Шорткод выводит 6 рекомендуемых ★ товаров в 3 столбца. По умолчанию используется сортировка по названию (от А до Я), хоть это и не указано явно.

Самые продаваемые товары

Шорткод выводит 3 самых часто покупаемых товара. По-умолчанию товары выводятся в 3 столбца, хоть это и не указано явно.

Новинки

Шорткод выводит последние добавленные товары — 4 в одном ряду. Для этого мы будем использовать идентификатор ID (который генерируется при создании страницы товара), а также команды order и orderby.

Новые поступления

Если нужно вывести старые товары, как новинки, например если они недавно поступили на склад и их нужно показать в отдельном блоке. Для этого нужно обновить дату публикации у товаров. А в шорткоде указать способ сортировки — по дате.

Товары отдельных категорий

Товары с определёнными характеристиками

Шорткод выводит товары красного цвета, отсортированных по дате: сначала новые, потом старые.

Товары с меткой, тегом

Шорткод выводит все товары с меткой «Худи»

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

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

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

Категории

Для вывода категорий используется два шорткода:
[product_category] — выводит товары
[product_categories] — выводит категории

Список атрибутов категорий

Примеры использования [product_category]

Шорткод выводит только категории верхнего уровня.

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

Шорткод выводит страницу одного товара по ID или артикулу.

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

Шорткод выводит сопутствующие товары.

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

add_to_cart — шорткод добавляет товар в корзину по ID.

Кнопка «Добавить в корзину»

Шорткод выводит кнопку добавления товара в корзину. При нажатии на кнопку товар с добавится в корзину в количестве 3 штук.

style=»border:0; padding: 0; text-align:right;» — скрывает рамку, убирает внешний отступ у кнопки и выравнивает её по правому краю.

show_price=»0″ — атрибут показывает или скрывает цену. По умолчанию зачение 1 показывает цену.

quantity=»3″ — количество товара.

Ссылка «Добавить в корзину»

Уведомления

Хоть этот шорткод и указан в документации WooCommerce — мне не удалось проверить его работу. Шорткод [shop_messages] у меня не работает.

Источник

Шорткоды WooCommerce

У WooCommerce есть много стандартных шорткодов, которые могут облегчить вашу жизнь

Как использовать шорткоды?

Шорткоды могут быть использованы на страницах и в постах WordPress. Если вы используете редактор блоков Gutenberg, то выберите блок «Шорткоды» из списка блоков:

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

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

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

Шорткоды вывода товаров

Шорткод [products] — один из самых надежных шорткодов, который может заменять различные другие строки, используемые в более ранних версиях WooCommerce.

Атрибуты продукта

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

Показывает атрибуты продукта

[featured_products] — выводит рекомендуемые товары, для этого они должны быть у вас отмечены звездочкой в админке

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

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

Корзина

[add_to_cart] — кнопка добавления товара в корзину.

[add_to_cart_url] — выводит URL относительно текущей страницы сайта, при переходе по которому товар будет добавлен в корзину

[product_page] — выводит всю страницу товара по ID или артикулу

Страница продукта

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

Примеры использования:

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

Сценарий 1. Выводим все категории

Сценарий 2. Выводим случайные товары с распродажи

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

Я хочу отобразить по две позиции в ряд, максимум 4 элемента. Шорткод использует значения по умолчанию, такие как сортировка по заголовку (от A до Z), хоть это явно и не указано.

Сценарий 4. Самые продаваемые товары

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

Сценарий 5. Новые товары

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

Сценарий 6. Конкретные категории

Я хочу вывести товары из категорий «Игры» и «Лепка». Для этого использую следующий шорткод, который отобразит последние добавленные товары заданных категорий.

В качестве альтернативы можно отображать только продукты, не относящиеся к этим категориям. Все, что нужно изменить, это добавить оператор cat_operator=»NOT IN» :

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

Сценарий 8. Вывод товара с определенным тегом

Источник

Шорткоды Woocommerce

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

Вывод по ID товара:

1
[product_page артикулу:

1
[product_page sku=»0001″] Результат:

Шорткоды в WooCommerce. Часть 2

Как вывести товары из категории WooCommerce?
Для вывода товаров из категории в WooCommerce есть шорткод:

1
[product_category category=»kategoriya-1″] Замечу, что в скобках нужно указывать не название категории, а ее ярлык!

Шорткоды в WooCommerce. Часть 2

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

Как сделать вывод категорий?
Для того чтобы сделать вывод категории используйте шорткод:

1
[product_categories number=»7″ parent=»0″] Значение number — количество выводимых категорий.

С помощью шорткода ниже можно вывести категории(ю) по ID:

1
[product_categories ids=»7,8″ parent=»0″] Результат:

Шорткоды в WooCommerce. Часть 2

Как вывести товары со скидкой?
Для этого используйте шорткод:

1
[sale_products per_page=»4″] Результат:

Шорткоды в WooCommerce. Часть 2

Как вывести топ рейтинговых товаров?
Обычно рейтинги товару назначаются при добавлении комментария. На основе этих рейтингов можно сделать вывод товаров. Для этого в WooCommerce есть специальный шорткод:

1
[top_rated_products per_page=»12″] Вывод товаров по свойствам
С помощью шорткода ниже можно сделать вывод товаров по заданным свойствам. В примере ниже вы из свойства Цвет выводим все товары черного цвета.

1
[product_attribute attribute=’color’ filter=’black’] Если у Вас возникнут вопросы — смело задавайте их в комментариях

Источник

WooCommerce Shortcodes – Tutorial and lots of examples

WooCommerce shortcodes may not be familiar to everyone. Even if you have a WooCommerce store, it may be a feature you haven’t come across and don’t yet realise how useful they can be in sprinkling product references and buying call to action buttons throughout your site.

WooCommerce shortcodes are small code snippets which you can place anywhere in your site to display WooCommerce products or calls to action such as ‘Buy Now’ buttons. There are a multitude of uses for these and we wanted to incorporate some great examples directly within our Shoptimizer WooCommerce theme. They should also work within any theme with WooCommerce installed.

This is what we’ll be looking at in this tutorial so that you can quickly skip to an example.

1. Using a WooCommerce shortcode to add products to the homepage

The first obvious place where WooCommerce shortcodes come in handy is on your homepage. This is an ideal space to display a dynamically updated grid of your latest products. Once the shortcode has been added, you don’t need to edit it again.

It will automatically display the most recent products, giving your homepage a fresh new feel each time you add new items to your store.

This is the WooCommerce shortcode we use on the Shoptimizer homepage to display recent additions:

To describe each attribute:

Result:

This WooCommerce shortcode results in a neat grid of 8 products, divided into 4 columns. If you want this is very each to change into a grid of say, 3. You could adjust the limit value to 6 and the columns value to 3 to keep it looking neat.

Using the latest products WooCommerce shortcode

Displaying the products in a specific order

But what if you want to display them in a specific order?

This was tricky to find this within WooCommerce’s documentation but after a bit of digging I found the solution.

This will display the items starting with the product with ID 23, next is ID 13 etc.

2. Displaying the most popular products using WooCommerce shortcodes

Just as you can show the most recent items, it is also possible to display your best selling products. This again is dynamically updated and is great to show seasonal popular gift ideas.

You can use the following WooCommerce shortcode for this:

Result:

3. Creating a grid of items which are on sale

Next up, we’re going to create a brand new page and call it ‘Men’s Sale Items’ – it’s going to list solely sale items with the Men category. This is what it looks like on our live theme demo. We want this page to automatically populate with every reduced price product item within the Men category in WooCommerce.

I’m using this WooCommerce shortcode to do so.

I don’t have so many products in this category, so setting the limit to be 100 is more than enough and covers any additional items added later. The key additional variables are the on_sale=”true” and the category=”men” which lists only sale items within the aforementioned category. Leaving out the specific category selector name will simply display all sale items amongst every category. This might be a better fit for your particular WooCommerce store.

Result:

4. How to display the WooCommerce category list shortcode

It’s also possible to not just display products via WooCommerce shortcodes. You can show categories too. If you want to create a page to list all of your product categories, it’s really easy. Just use this WooCommerce shortcode.

This will display all of your categories, and the result looks like the screenshot below, if like me, you’ve added a category thumbnail to each.

Result:

But what if you want to only show specific categories?

You can use a different shortcode to do this. It’s the same basic structure as the other shortcodes in WooCommerce. You list the category ids, separated by commas.

How do I see which ids my categories have?

You need to go to: Products > Categories > and Click into a category. You’ll see the ID in the url of your browser. For example tag_ID=95, so 95 is the ID of the category.

Finding the product category ID

5. How to include specific products within a blog post with a shortcode

One aspect which is often overlooked is that WordPress is fundamentally a superb blogging platform. Many eCommerce stores make the mistake of not posting often enough or even not having a well defined content strategy in the first place. That’s not a conversation for this article but a quick and easy thing to do is add direct buying actions to products mentioned in a blog post.

If we take this article as an example – let’s say that it mentions three must-have jackets to buy this season. How would you go about adding these specific products to the article.

The first step is to find the unique ID of each product. You can do this by going to Products and hovering over the item in question.

Hover over a product to reveal the ID

You can see in the example above that this particular product’s ID is 677. Do the same for two more products and write down the IDs for each.

When thinking about a WooCommerce shortcode for this, we’ll simply create a new snippet based on the previous example but explicitly referencing these three product IDs.

Источник

Встроенные шорткоды Woocommerce

Шорткоды Woocommerce вставляются в запись или страницу. Для редактирования значений шорткодов можно написать / скачать плагин, либо заменить значения по умолчанию в файлах плагина woocommerce в папке wp-content\plugins\woocommerce\includes\shortcodes и в \woocommerce\includes\class-wc-shortcodes.php.

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

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

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

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

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

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

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

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

Список последних товаров обычно используют на Главной страницы. 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″]

1 reply on “ Встроенные шорткоды Woocommerce ”

Спасибо, за отличную статью! побольше бы таких сайтов как у Вас!

Источник