Блоки WooCommerce

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

Начиная с WooCommerce 3.6, включены несколько полезных блоков, которые вы можете использовать для вывода товаров. Ознакомьтесь с документацией по редактору WordPress, чтобы узнать больше о блоках.

Требования

Мы рекомендуем обновить WordPress и WooCommerce до последней стабильной версии. Минимальные требования следующие:

  • WordPress 5.5+,
  • WooCommerce 4.3+.

Демонстрация ваших товаров

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

Блоки WooCommerce

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

Блоки WooCommerce

  • Товары по метке,
  • Рекомендуемый товар,
  • Выбранные вручную товары,
  • Наиболее продаваемые товары,
  • Товары по категории,
  • Новейшие товары,
  • Рейтинговые товары,
  • Товары по атрибуту.

Разрешите посетителям изучить ваши товары

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

  • Список категорий товаров,
  • Рекомендуемая категория,
  • Поиск товаров.

Показать отзывы о товарах

Создайте список, показывающий все обзоры ваших товаров, или покажите обзоры определенных товаров или категорий.

  • Все отзывы,
  • Отзывы по товару,
  • Отзывы по категории.

Создайте индивидуальную страницу магазина

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

  • Все товары,
  • Фильтрация товаров по атрибутам,
  • Фильтрация товаров по цене,
  • Активные фильтры товаров.

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

Блоки WooCommerce

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

Корзина и оформление заказа

Для этого в плагине в будущем появятся два новых блока:

  • Корзина,
  • Оформление заказа.

Блоки находятся в активной разработке и предназначены для замены шорткодов [woocommerce_cart] и [woocommerce_checkout].

Плагин WooCommerce Blocks

Новые блоки перед тем, как попадут в функционал WooCommerce, тестируются в плагине WooCommerce Blocks. Можете его установить и быть в курсе нового функционала, который в будущем будет доступен в WooCommerce.

Поделиться с друзьями
Документация WooCommerce