Как использовать блок товаров по атрибутам WooCommerce

По мере роста вашего магазина WooCommerce будет расти и разнообразие предлагаемых вами продуктов. Один из лучших способов классифицировать различные предметы — использовать такие признаки, как цвет или размер. Блок Products by Attribute WooCommerce позволяет отображать продукты, соответствующие определенным характеристикам. Таким образом, клиенты могут найти точные стили и размеры, которые соответствуют их потребностям.

В этой статье мы покажем вам, как добавить блок « Продукты по атрибуту » в свои записи и страницы. Мы обсудим, как настроить элемент, и рассмотрим несколько советов по его эффективному использованию.

Давайте начнем!

Как добавить блок WooCommerce «Продукты по атрибуту» в свой пост или на страницу

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

Например, вы можете использовать блок « Продукты по атрибутам » для отображения предметов одежды определенного размера или цвета. Вы также можете охарактеризовать продукты по бренду или материалу.

Чтобы использовать блок, откройте редактор блоков и нажмите кнопку + . Затем введите «товары по атрибуту» в строку поиска:

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

После того, как вы вставите блок « Продукты по атрибутам », WooCommerce покажет вам список атрибутов, доступных для ваших продуктов. Обратите внимание, что вы всегда можете добавить или изменить характеристики, если вас не устраивают текущие параметры:

Как только вы выберете атрибут, блок превратится в сетку товаров. Эта сетка будет отображать все элементы с этой характеристикой.

На скриншоте ниже вы можете увидеть сетку товаров для синего атрибута в нашем тестовом магазине:

Эта красная толстовка также представлена ​​в синем цвете, но это не тот цвет, который мы выбрали для основного изображения. Об этом следует помнить при добавлении блока « Продукты по атрибутам » в вашем магазине.

Товары по атрибуту Настройки и параметры блокировки WooCommerce

Блок « Товары по атрибутам » включает в себя широкий спектр параметров форматирования и конфигурации. Если вы выберете элемент, над ним появится меню форматирования. Это меню содержит параметры для (1) изменения ширины блока и (2) редактирования вашего выбора атрибута (ов):

Выбор блока и нажатие на значок шестеренки в правом верхнем углу экрана откроет меню его конфигурации. Параметры макета (1) позволяют изменить количество столбцов и строк в сетке продуктов блока. Вы также можете использовать параметр « Выровнять последний блок » (2), чтобы выровнять кнопки « Добавить в корзину » в сетке:

Двигаясь дальше, раздел « Контент » позволяет вам выбрать, какие элементы будут отображаться в блоке « Продукты по атрибутам ». По умолчанию каждый товар имеет название (1), цену (2), рейтинг (3) и кнопку « Добавить в корзину » (4):

Продолжайте прокручивать меню настроек блока вниз, и вы увидите вкладку « Фильтровать по атрибуту продукта» (1). В этом разделе вы можете изменить свой выбор атрибутов. Наконец, Order By (2) может изменить порядок появления продуктов:

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

Советы и рекомендации по использованию блока продуктов по атрибутам WooCommerce

Блок « Продукты по атрибутам » позволяет добавить пользовательскую сетку продуктов в любом месте вашего веб-сайта WordPress. Однако элемент не включает заголовок, описывающий типы элементов в сетке.

Чтобы избежать путаницы, мы рекомендуем добавить блок « Заголовок », поясняющий выбранные вами атрибуты:

Более того, блок « Товары по атрибутам » должен включать в себя все те же элементы, что и другие сетки товаров в вашем магазине. Это означает, что каждый товар должен отображать цену, название и кнопку « Добавить в корзину ». Кроме того, если вы решите показывать рейтинги для других продуктов, вы также можете отобразить их в блоке « Продукты по атрибутам ».

Часто задаваемые вопросы о продуктах по атрибутам блока WooCommerce

Разместить и настроить блок « Продукты по атрибутам » очень просто. Однако, если у вас все еще есть какие-либо вопросы об использовании элемента, этот раздел призван ответить на них.

Сколько атрибутов я могу выбрать в блоке «Продукты по атрибутам»?

Блок « Продукты по атрибутам » позволяет вам выбрать столько атрибутов, сколько вы хотите. Однако выбор нескольких характеристик может сбивать пользователей с толку, если только эти атрибуты не связаны друг с другом.

Как я могу добавить новые атрибуты WooCommerce?

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

Где я должен размещать продукты по блоку атрибутов?

Блок « Товары по атрибутам » идеально подходит для домашних страниц магазина. Отображая элемент на своей домашней странице, вы можете привлечь внимание к популярным продуктам и продемонстрировать товары, которые в противном случае не привлекли бы особого внимания.

Вывод

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

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

У вас есть вопросы об использовании блока « Продукты по атрибутам» WooCommerce? Давайте поговорим о них в разделе комментариев ниже!

Избранное изображение через ProStockStudio / Shutterstock.com