Як зробити вітрину з фільтром товарів

← Назад

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

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

Вигляд фільтра задає тип поля: випадаючий список, чекбокси, радіокнопки або кнопки. Якщо в поля свій список значень, показуються тільки вони, інакше — всі значення властивості в товарів. Порядок, підписи й оформлення — як у звичайній формі.

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

Фільтр у меню або колонці. Інформер «Фільтр» ставить ту саму форму в будь-яке місце сайту. У його налаштуваннях — «Адреса форми з полями фільтра», «Адреса вітрини» і галочка «Показувати тільки на сторінках вітрини».

Теги. Адреси виду /tags/nike показують товари, у яких значення властивості дає цей тег. Які властивості годяться в теги — «Властивості-теги для адрес /tags/…». З галочкою «Без тега в адресі — хмара тегів» сторінка вітрини без тега показує хмару.

Якщо не вийшло

  • Поле фільтра порожнє. Назва поля не збіглася з назвою властивості товарів — звірте літери.
  • Картки голі. Не вибрано шаблон прев'ю розділу вітрини.
Стаття допомогла?

Дивіться також

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

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

Конструктор влаштований просто: ви заповнюєте поля на сторінці створення, а потім редагуєте вміст прямо на готовому сайті. Якщо щось не виходить або незрозуміло, загляньте у відповідний пункт довідки. Інструкції написані простою мовою й описують кожен крок.

У довідці ви знайдете відповіді на питання:

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

Якщо потрібної відповіді не знайшлося, скористайтеся формою зворотного зв'язку — ми допоможемо розібратися. Розділ оновлюється, щоб ви завжди могли знайти актуальну інформацію щодо роботи з конструктором.