Елемент "Каталог товарів" та фільтри у інтернет-магазині
За допомогою елементу Каталог товарів ви можете відобразити товари з необхідних вам категорій вашого інтернет-магазину, налаштувати їхнє відображення, а також активувати фільтри — бокове меню, яке дозволятиме вашим користувачам фільтрувати ваші товари за категорією та параметрами товарів (колір, розмір, матеріал та інші параметри, які ви вказали для ваших товарів у їхніх налаштуваннях).
Це дозволяє вам зручно розміщувати велику кількість товарів на сторінках вашого сайту, а вашим покупцям — легше знаходити саме ті товари, які їх цікавлять, що збільшує імовірність купівлі товарів у вашому магазині.
Наразі додати елемент “Каталог товарів” можливо у будь-якому кастомному блоці. Також ви можете додати блок "Product catalog", у якому цей елемент попередньо встановлений:
Спочатку, додайте бажані категорії та товари для відображення. Для цього натисніть на “шестерню” посередині елементy та перейдіть до вкладки Загальні:
Тут можна вибрати ① Категорії, ② Сортування товарів та які ③ основні параметри товарів відображати на опублікованому сайті. Також ви можете активувати чекбокс ④ Показати товари, яких немає в наявності, щоб відобразити навіть ті товари, які позначені в магазині як “Немає в наявності”.
Ви можете вибрати як усі, так і окремі категорії для відображення у цьому елементі:
Виконати сортування можливо наступним чином: “За іменем”, “Нові зверху”, “Від дорогих до дешевих” або “Від дешевих до дорогих”:
На вкладці Вигляд можна налаштувати бажаний проміжок між товарами ① , кількість товарів у кожному рядку ② та яку кількість товарів ③ необхідно відображати у цьому елементі спочатку та, якщо товарів багато, по скільки товарів відображати після кожного натиску кнопки “Показати ще” знизу:
Підказка: на різних пристроях відображається різна кількість товарів у одному рядку. При цьому ви можете натиснути на іконку планшету або смартфону зверху налаштувань блоку і відредагувати відображення товарів необхідним вам чином. Для планшетної версії максимальна кількість товарів у одному рядку — 4, а для мобільної версії — по 2 товари у кожному рядку. Більш детально, як це зробити, описано у статті Відображення товарів у 2 стовпчика на мобільній версії сайту.
Примітка: аналогічним чином ви можете вказати окремо для різних пристроїв по скільки товарів відображати після кожного натиску на кнопку “Показати ще”. Для планшету можна вказати 6/12/18/24 товарів, для смартфонів — 3/6/9/12.
У елементі Каталог товарів ви можете налаштувати фільтри, котрими зможуть користуватись ваші покупці. Для цього відкрийте налаштування та перейдіть до вкладки Фільтри:
Ви можете встановити:
① відображати фільтри у даному елементі — цей перемикач необхідно активувати, щоб відобразити фільтри
② чи відображати заголовок фільтрів, категорії та бажані параметри товарів із можливістю перейменувати ці розділи:
Важливо: у цьому розділі будуть відображатись усі встановлені параметри для наявних варіативних товарів з вашого інтернет-магазину.
Пам’ятайте, що за замовчуванням у цьому розділі будуть відображатись всі вибрані фільтри, проте якщо вибрати певну категорію, то у списку доступних фільтрів будуть відображатися лише ті параметри, що є у товарів вибраної категорії.
У цьому розділі ви можете налаштувати загальний стиль кнопки та її назву:
Примітка: ви можете дізнатися більше про зміну дизайну кнопок у статті про глобальні налаштування стилей кнопок.
У випадку, якщо кількість товарів буде перевищувати встановлене значення у вкладці Вигляд, то під списком товарів буде відображатись кнопка Показати ще. У вкладці Дія ви можете перейменувати цю кнопку:
Також у цьому розділі ви можете встановити бажаний текст кнопки скидання фільтрів.
На скриншоті нижче ліворуч ви можете бачити налаштування цієї кнопки, де можна вказати цей текст, а праворуч на скриншоті — приклад того, як це виглядатиме на опублікованому сайті:
Для того, що вказати текст для кнопки Застосувати фільтри, яка відображається на мобільній версії, ви можете, знаходячись у вкладці Дія, перейти у редактор мобільної версії сайту та увести потрібний вам текст у полі Кнопка застосування фільтрів.
На скриншоті нижче ліворуч ви можете бачити налаштування каталогу товарів, де можна вказати цей текст, а праворуч на скриншоті — приклад того, як це виглядатиме на опублікованому сайті:
Опублікуйте свій сайт, щоб зміни набули чинності.
Це дозволяє вам зручно розміщувати велику кількість товарів на сторінках вашого сайту, а вашим покупцям — легше знаходити саме ті товари, які їх цікавлять, що збільшує імовірність купівлі товарів у вашому магазині.
Наразі додати елемент “Каталог товарів” можливо у будь-якому кастомному блоці. Також ви можете додати блок "Product catalog", у якому цей елемент попередньо встановлений:
Налаштування зовнішнього вигляду каталогу товарів
Загальні налаштування елемента
Спочатку, додайте бажані категорії та товари для відображення. Для цього натисніть на “шестерню” посередині елементy та перейдіть до вкладки Загальні:
Тут можна вибрати ① Категорії, ② Сортування товарів та які ③ основні параметри товарів відображати на опублікованому сайті. Також ви можете активувати чекбокс ④ Показати товари, яких немає в наявності, щоб відобразити навіть ті товари, які позначені в магазині як “Немає в наявності”.
Ви можете вибрати як усі, так і окремі категорії для відображення у цьому елементі:
Виконати сортування можливо наступним чином: “За іменем”, “Нові зверху”, “Від дорогих до дешевих” або “Від дешевих до дорогих”:
Налаштування зовнішнього вигляду
На вкладці Вигляд можна налаштувати бажаний проміжок між товарами ① , кількість товарів у кожному рядку ② та яку кількість товарів ③ необхідно відображати у цьому елементі спочатку та, якщо товарів багато, по скільки товарів відображати після кожного натиску кнопки “Показати ще” знизу:
Підказка: на різних пристроях відображається різна кількість товарів у одному рядку. При цьому ви можете натиснути на іконку планшету або смартфону зверху налаштувань блоку і відредагувати відображення товарів необхідним вам чином. Для планшетної версії максимальна кількість товарів у одному рядку — 4, а для мобільної версії — по 2 товари у кожному рядку. Більш детально, як це зробити, описано у статті Відображення товарів у 2 стовпчика на мобільній версії сайту.
Примітка: аналогічним чином ви можете вказати окремо для різних пристроїв по скільки товарів відображати після кожного натиску на кнопку “Показати ще”. Для планшету можна вказати 6/12/18/24 товарів, для смартфонів — 3/6/9/12.
Налаштування фільтрів
У елементі Каталог товарів ви можете налаштувати фільтри, котрими зможуть користуватись ваші покупці. Для цього відкрийте налаштування та перейдіть до вкладки Фільтри:
Ви можете встановити:
① відображати фільтри у даному елементі — цей перемикач необхідно активувати, щоб відобразити фільтри
② чи відображати заголовок фільтрів, категорії та бажані параметри товарів із можливістю перейменувати ці розділи:
Важливо: у цьому розділі будуть відображатись усі встановлені параметри для наявних варіативних товарів з вашого інтернет-магазину.
Пам’ятайте, що за замовчуванням у цьому розділі будуть відображатись всі вибрані фільтри, проте якщо вибрати певну категорію, то у списку доступних фільтрів будуть відображатися лише ті параметри, що є у товарів вибраної категорії.
Налаштування кнопок каталогу товарів
У цьому розділі ви можете налаштувати загальний стиль кнопки та її назву:
Примітка: ви можете дізнатися більше про зміну дизайну кнопок у статті про глобальні налаштування стилей кнопок.
У випадку, якщо кількість товарів буде перевищувати встановлене значення у вкладці Вигляд, то під списком товарів буде відображатись кнопка Показати ще. У вкладці Дія ви можете перейменувати цю кнопку:
Також у цьому розділі ви можете встановити бажаний текст кнопки скидання фільтрів.
На скриншоті нижче ліворуч ви можете бачити налаштування цієї кнопки, де можна вказати цей текст, а праворуч на скриншоті — приклад того, як це виглядатиме на опублікованому сайті:
Для того, що вказати текст для кнопки Застосувати фільтри, яка відображається на мобільній версії, ви можете, знаходячись у вкладці Дія, перейти у редактор мобільної версії сайту та увести потрібний вам текст у полі Кнопка застосування фільтрів.
На скриншоті нижче ліворуч ви можете бачити налаштування каталогу товарів, де можна вказати цей текст, а праворуч на скриншоті — приклад того, як це виглядатиме на опублікованому сайті:
Опублікуйте свій сайт, щоб зміни набули чинності.
Оновлено: 21/09/2024
Дякуємо!