Интернет-магазин на WordPress бесплатно. Как настроить фильтр товаров?

Настраиваем фильтр товаров

Здравствуйте, дорогие друзья!

Мы продолжаем создавать интернет-магазин на WordPress бесплатно и сейчас мы займемся настройкой сайдбара.

Давайте добавим в сайдбаре следующие элементы:

  • список категорий,
  • фильтр по цене,
  • фильтр по атрибутам,
  • блок с просмотренными товарами.

В итоге у нас получится вот такой результат:

Как настроить фильтр товаров?

Я записала подробную видео инструкцию по добавлению и настройке всех указанных элементов, с которой вы можете ознакомиться ниже.
Алгоритм настройки сайдбара для интернет-магазина будет следующим:

  1. 1. Переходим в раздел «Внешний вид»«Виджеты»
  2. 2. В области сайдбра удаляем все существующие виджеты.
  3. 3. Добавляем виджет «Категории товаров» и настраиваем как показано в видео.
  4. 4. Для создания фильтра по определенным параметрам (например, цвет, размер, диагональ экрана и т.д.) нам нужно добавить атрибуты. Это делается в разделе «Товары»«Атрибуты».
  5. 5. Для каждого атрибута добавляем перечень основных значений (можно 2-3 для примера, а остальные можно будет добавлять уже из карточки товара).
  6. 6. Добавляем атрибуты к соответствующим товарам в разделе «Атрибуты» в карточке товара.
  7. 7. В разделе «Внешний вид»«Виджеты» добавляем виджет «Фильтрация товаров по атрибутам» и настраиваем его как показано в видео инструкции.
  8. 8. Аналогично добавляем этот виджет для каждого атрибута.
  9. 9. Добавляем виджет «Недавно просмотренные товары».
  10. 10. Добавляем виджет «Фильтрация товаров по цене».
  11. 11. Рассматриваем особенности работы виджета «Фильтрация товаров по рейтингу».

Все эти этапы подробно рассмотрены в видео инструкции.
Приятного просмотра!

Видео инструкция

Все возникшие вопросы Вы можете задать в комментариях к этой статье!

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

Если Вы ещё не подписаны на новости сайта – не забудьте это сделать, так как впереди ещё будет много полезных материалов по созданию интернет-магазина на WordPress!

Желаю Вам успехов в создании интернет-магазина и жду Вас в следующей статье!

С уважением Юлия Гусарь

Читайте также:

Подписаться на рассылку

Добавить комментарий

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

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif