Как сделать витрину с фильтром товаров

← Назад

Раздел с модулем tags показывает товары с фильтром, сортировкой и страницами; набор фильтров задаёт обычная форма, где название поля равно названию свойства.

  1. Соберите форму фильтра: раздел с модулем forms, его можно скрыть из меню. Название поля — название свойства товаров: «Бренд», «Размер», «Цвет». Поле «Цена» станет диапазоном от/до, «Категории» — подразделами, «Поиск» — строкой поиска. «Кнопка действия» — «Показать»; кнопка со словом «Сброс» в названии сбрасывает фильтр.
  2. Создайте раздел витрины: в поле «Модуль» нажмите «Выбрать» → «Витрина с фильтром».
  3. В окне «Настройки модуля» витрины укажите «Разделы с товарами» (пусто — весь сайт) и «Адрес формы с полями фильтра».
  4. Выберите разделу «Шаблон превью объектов» — им рисуются карточки.

Вид фильтра задаёт тип поля: выпадающий список, чекбоксы, радиокнопки или кнопки. Если у поля свой список значений, показываются только они, иначе — все значения свойства у товаров. Порядок, подписи и оформление — как в обычной форме.

Там же в настройках: «Товаров на странице», «Сортировка по умолчанию», «Применять фильтр только кнопкой», «Не показывать выбор сортировки», «Не показывать число товаров».

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

Теги. Адреса вида /tags/nike показывают товары, у которых значение свойства даёт этот тег. Какие свойства годятся в теги — «Свойства-теги для адресов /tags/…». С галочкой «Без тега в адресе — облако тегов» страница витрины без тега показывает облако.

Если не получилось

  • Поле фильтра пустое. Название поля не совпало с названием свойства товаров — сверьте буквы.
  • Карточки голые. Не выбран шаблон превью раздела витрины.
Помогла статья?

Смотрите также

Подсказки для работы с конструктором

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

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

В помощи вы найдёте ответы на вопросы:

  • как придумать адрес сайта и что делать, если имя занято;
  • как изменить название, описание и другие тексты на странице;
  • как добавить товары, услуги или формы заявок;
  • как подключить свой домен вместо адреса на firstline.com.ua;
  • как настроить разделы и модули под задачи вашего дела.

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