За допомогою елементу Каталог товарів ви можете відобразити товари з необхідних вам категорій вашого інтернет-магазину, налаштувати їхнє відображення, а також активувати фільтри — бокове меню, яке дозволятиме вашим користувачам фільтрувати ваші товари за категорією та параметрами товарів (колір, розмір, матеріал та інші параметри, які ви вказали для ваших товарів у їхніх налаштуваннях).

Це дозволяє вам зручно розміщувати велику кількість товарів на сторінках вашого сайту, а вашим покупцям — легше знаходити саме ті товари, які їх цікавлять, що збільшує імовірність купівлі товарів у вашому магазині.

Наразі додати елемент “Каталог товарів” можливо у будь-якому кастомному блоці. Також ви можете додати блок "Product catalog", у якому цей елемент попередньо встановлений:

Налаштування зовнішнього вигляду каталогу товарів

Загальні налаштування елемента

1. Спочатку, додайте бажані категорії та товари для відображення. Для цього натисніть на “шестерню” посередині елементy та перейдіть до вкладки Загальні:

Тут можна вибрати ① Категорії, ② Сортування товарів та які ③ основні параметри товарів відображати на опублікованому сайті. Також ви можете активувати чекбокс ④ Показати товари, яких немає в наявності, щоб відобразити навіть ті товари, які позначені в магазині як “Немає в наявності”.

2. Ви можете вибрати як усі, так і окремі категорії для відображення у цьому елементі:

3. Виконати сортування можливо наступним чином: “За іменем”, “Нові зверху”, “Від дорогих до дешевих” або “Від дешевих до дорогих”:

Налаштування зовнішнього вигляду

На вкладці Вигляд можна налаштувати бажаний проміжок між товарами ① , кількість товарів у кожному рядку ② та яку кількість товарів ③ необхідно відображати у цьому елементі спочатку та, якщо товарів багато, по скільки товарів відображати після кожного натиску кнопки “Показати ще” знизу:

Налаштування фільтрів

У елементі Каталог товарів ви можете налаштувати фільтри, котрими зможуть користуватись ваші покупці. Для цього відкрийте налаштування та перейдіть до вкладки Фільтри:

Ви можете встановити:

① відображати фільтри у даному елементі — цей перемикач необхідно активувати, щоб відобразити фільтри

② чи відображати заголовок фільтрів, категорії та бажані параметри товарів із можливістю перейменувати ці розділи:

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

Налаштування кнопок каталогу товарів

1. У цьому розділі ви можете налаштувати загальний стиль кнопки та її назву:

2. У випадку, якщо кількість товарів буде перевищувати встановлене значення у вкладці Вигляд, то під списком товарів буде відображатись кнопка Показати ще. У вкладці Дія ви можете перейменувати цю кнопку:

3. Також у цьому розділі ви можете встановити бажаний текст кнопки скидання фільтрів.

На скриншоті нижче ліворуч ви можете бачити налаштування цієї кнопки, де можна вказати цей текст, а праворуч на скриншоті — приклад того, як це виглядатиме на опублікованому сайті:

4. Для того, що вказати текст для кнопки Застосувати фільтри, яка відображається на мобільній версії, ви можете, знаходячись у вкладці Дія, перейти у редактор мобільної версії сайту та увести потрібний вам текст у полі Кнопка застосування фільтрів.

На скриншоті нижче ліворуч ви можете бачити налаштування каталогу товарів, де можна вказати цей текст, а праворуч на скриншоті — приклад того, як це виглядатиме на опублікованому сайті:

5. Опублікуйте свій сайт, щоб зміни набули чинності.

Оновлено: 21/09/2024