Как создать фильтр для поиска товаров в категории

Для быстрого поиска товаров по различным параметрам удобно использовать фильтры. Вот так может выглядеть фильтр в категории товаров на витрине вашего интернет-магазина:

Настройка фильтрации товаров

1. Добавить характеристики

В фильтрах используются характеристики типа checkbox, select, boolean и диапазон. Для настройки фильтров создайте характеристики таких типов (в разделе «Настройки → Типы и характеристики товаров»), для того чтобы затем внести для них значения в свойствах отдельных товаров.

2. Указать значения характеристик в свойствах товаров

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


3. Выбрать характеристики в настройках категории

В настройках каждой категории отметьте флажок «Разрешить фильтрацию товаров» и включите в появившемся списке характеристик те, которые нужно сделать доступными в фильтре на витрине.


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

34 комментария

  • +2
    Igor Sa Igor Sa 19 ноября 2015 10:27 #

    Здравствуйте!
    Возможно ли создание взаимозависимых полей фильтрации?
    Например, при выборе в фильтрах ноутбука "красного цвета", чтобы скрывались (или становились неактивными) другие параметры фильтрации, в которых нет красного цвета, н.р если есть ноут красного цвета только у двух брендов, а в выборге было 10 брендов, то 8 брендов становятся не доступными для выбора или вовсе скрываются. Так же и с другими параметрами.
    Так вроде у Яндекса в Маркете сделано.

  • +2
    Юрий Юрий 21 февраля 2016 13:48 #

    Здравствуйте.

    3. Выбрать характеристики в настройках категории. В настройках каждой категории отметьте флажок «Разрешить фильтрацию товаров» и включите в появившемся списке характеристик те, которые нужно сделать доступными в фильтре на витрине.

    Характеристики у меня есть - много. Но при выполнении этого пункта появляется в списке только одна "Price"

    Остальные не появляются. Прошу помочь

    • +2
      Алексей Алексей Webasyst 21 февраля 2016 15:11 #

      В фильтрах используются характеристики типа checkbox, select, boolean и диапазон.

      • +1
        Юрий Юрий 22 февраля 2016 16:45 #

        Благодарю

      • +2
        Павел Соколов Павел Соколов 1 марта 2016 07:12 #

        К чему такое ограничение? Почему я не могу использовать фильтр по произвольному значению свойства?

      • +1
        inan Losev inan Losev 20 сентября 2016 12:11 #

        "В фильтрах используются характеристики типа checkbox, select, boolean и диапазон." что это значит? у меня та же проблема, только прайс показывает, хотя есть типы, есть длина ширина высота и многое другое, где выбор типов х-к значение число, из списка и тд

        • +1
          Михаил Ушенин Михаил Ушенин Webasyst 20 сентября 2016 12:40 #
          "В фильтрах используются характеристики типа checkbox, select, boolean и диапазон." что это значит?

          Здесь перечислены типы характеристик:

          у меня та же проблема, только прайс показывает

          Какой прайс?

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

          Покажите всё это на снимке экрана.

          Важно, чтобы в данной категории находились товары с заполненными характеристики этих видов и чтобы они относились к типам, содержащим такие характеристики.

          • +1
            Анна Малютина Анна Малютина 27 февраля 2017 14:26 #

            В 2 категориях созданы 2 характеристики. Настройки фильтрации одинаковы, но в одной категории х-ка есть в фильтре:

            а в другой - нет:


            характеристики типа checkbox, select. В чем может быть проблема?

          • +2
            kondratti kondratti 29 апреля 2016 02:35 #

            В фильтре на сайте выводится мера "м" (метр).

            Как изменить на миллиметры?

            Спасибо.

            • +2
              Михаил Ушенин Михаил Ушенин Webasyst 29 апреля 2016 02:40 #

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

            • +2
              Николай Николай 3 июня 2016 15:16 #

              КАК СДЕЛАТЬ БЕГУНОК , в ТП не дают нормального ответа! (для чайника ) объясните подробно ( если можно скрин )
              • +1
                Денис Володин Денис Володин 31 августа 2016 14:17 #

                Разобрались с проблемой? У меня такой же вопрос.

                На некоторых темах бегунок становится сам, а на некоторых чекбокс.

              • +1
                Bvz Bvz 24 ноября 2016 12:28 #

                Возможно ли назначить значения характеристик для нескольких товаров одновременно?

              • +1
                Bvz Bvz 24 ноября 2016 21:54 #

                Список характеристик на фронтенде сортируется по алфавиту, а мне нужно чтобы было в определенном порядке (сначала основные, потом второстепенные). Как задать собственную сортировку?

                • +1
                  Михаил Ушенин Михаил Ушенин Webasyst 25 ноября 2016 09:35 #

                  Измените порядок расположения характеристик перетаскиванием в разделе настроек характеристик, выбрав отдельно каждый тип товаров (порядок характеристики настраивается отдельно по типам товаров).

                • +1
                  Виталий Виталий 4 февраля 2017 20:07 #

                  Добрый день!

                  Как можно установить для фильтров свойство "сворачивания", т.е. чтобы при заходе на страницу категорий фильтр был свернут. У меня свернут только один фильтр - Цвет. Остальные раскрыты. Вижу, что отвечает за это класс collapsed, но не вижу как его присвоить конкретному параметру (фильтру).

                • +1
                  Сергей Сергей 14 февраля 2017 20:01 #

                  У товара есть характеристики. В настройках категории галками разрешена фильтрация этих характеристик.

                  В витрине в фильтрах присутствует только часть этих фильтров. Почему не присутствуют все?

                  • +1
                    Михаил Ушенин Михаил Ушенин Webasyst 15 февраля 2017 12:10 #

                    Если в категории нет товаров с выбранными характеристиками или значениями характеристик, то такие характеристики и значения не будут показаны в фильтре.

                    • +2
                      Сергей Сергей 16 февраля 2017 05:58 #

                      Разобрался самостоятельно.

                      Характеристики имели не верные свойства.

                      • +1
                        42na 42na 18 февраля 2017 18:04 #

                        Сергей, здравствуйте! как сделать бегунок, а не список?

                      • +1
                        паук паук 23 февраля 2017 17:38 #

                        Здравствуйте!

                        Есть необходимость создать для каждого товара (запчасти) несколько дополнительных характеристик - это принадлежность к определённому Бренду/Брендам техники где они используются. Таких характеристик для каждого товара может быть до 10-ти. (Собственно, сколько и основных брендов)

                        Значений у каждой такой характеристики (для каждого товара) может быть до 50тысяч!!! Общее количество таких товаров - 1000 (примерно)

                        Вопрос:

                        1) Как будет вести себя движок при таком количестве значений?

                        2) Какие требования к производительности сервера в таком случае?

                        3) Можно ли создать плагин, который для выбранной характеристики загружал перечень значений в настройках каждого товара из заранее подготовленного .TXT файла. где эти значения записаны просто в столбик (через enter) ?

                      • +1
                        Александр Александр 3 июля 2017 07:10 #

                        В каких случаях надо использовать тип данных "HTML (textarea)"? В случаях когда поле содержит html-код?

                        • +1

                          Обычное назначение этого типа характеристик — длинное текстовое описание товара. В эту характеристику помещается много текста, в отличие от Текст (input). Конечно, в этой характеристике можно использовать HTML-теги.

                        • +1
                          Юрий Руднев Юрий Руднев 3 июля 2017 19:58 #

                          Самостоятельно меняются границы фильтра!

                          Вот фильтр при загрузке: Положения бегунков крайние как и должно быть.

                          А Вес максимальный 11.35


                          Стоит немного сдвинуть бегунок минимального веса и правый бегунок (максимального веса) сам меняет значение - и товары с этим максимальным весом естественно выпадают из отбора.

                          http://permzoo.ru/sobaki/korm/now/


                          Есть проблема, считаю очень значительной ее!



                        • +1
                          Моон Климат Моон Климат 27 июля 2017 09:12 #

                          бред полный! в настройках есть характеристика, а в категории где можно включить фильтр там его нету что делать?

                          • +1
                            Михаил Ушенин Михаил Ушенин Webasyst 7 августа 2017 16:25 #

                            Поясните на конкретном примере, чего и где нет. Для наглядности добавьте к своему объяснению снимок экрана, пожалуйста.

                          • +1
                            Сергей Г. Сергей Г. 4 сентября 2017 23:33 #

                            Здравствуйте!

                            Подскажите пожалуйста как можно сделать фильтр, когда выбор одной характеристика зависит от выбора другой? Например, при продаже товаров для автомобиля нужно выбрать характеристику "Марка автомобиля" (например, Toyota) и характеристику "Модель автомобиля" (например, Camry) таким образом, чтобы после того как выбрали марку Toyota при выборе модели не вываливался список моделей всех марок, а только этой марки.

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

                            Чтобы добавить комментарий, зарегистрируйтесь или войдите