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

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

Наскільки високими є шанси, що користувачі здійснять покупку, якщо вони не зможуть знайти те, що шукають у вашому магазині?

Давайте не будемо гадати ;) Це нікому не подобається. Однак Magento подбала про це, щоб допомогти вам забезпечити відвідувачам вашого сайту найкращий досвід.

Отже, у цій статті ви дізнаєтесь, як налаштувати багаторівневу навігацію в Magento 2, як відобразити її на сторінці категорії та як додати атрибути до багаторівневої навігації.

Багаторівнева навігація вже є у вашому магазині за замовчуванням. Вона відображається в лівій частині каталогу продуктів на певних категоріях.

Magento 2 Layered Navigation Menu

Як налаштувати Layered Navigation в Magento 2?

Основна мета багаторівневої навігації Magento 2 — дозволити вашим клієнтам шукати продукт, який їх цікавить за допомогою фільтру. Він дозволяє їм знаходити продукти з відповідною ціною, кольорами, матеріалом та іншими характеристиками.

Налаштування фільтру ціни в Layered Navigation

Загальні налаштування Magento 2 надають вам можливість налаштувати багаторівневу навігацію на основі цін. Для того, щоб її налаштувати, потрібно перейти в Stores > Configuration > Catalog > Catalog > Layered Navigation.

У налаштуваннях багаторівневої навігації потрібно задати 2 поля:

  • Display Product Count, що відображатиме кількість продуктів біля ціни чи категорії, поруч із параметрами layered navigation.
  • Price Navigation Step Calculation, що визначає метод, який використовуватиметься у вирахуванні цінового кроку (price navigation step).

У Magento 2 існує 3 різні методи розрахунку цінового кроку. Вони включають:

1. Automatic (equalize price ranges)

Відповідно до нього цінові кроки обчислюються автоматично на основі цінового діапазону продуктів у групі.

Magento 2 Layered Navigation

2. Automatic (equalize product count)

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

  • Display Price Interval as One Price, яку вам потрібно ввімкнути, якщо всі ціни в певному інтервалі цін є рівними.
  • Interval Division Limit або кількість продуктів, яка не буде розділена на суб-інтервали.

Magento 2 Layered Navigation Display

3. Manual

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

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

  • Default Price Navigation Step, яка визначає кількість продуктів в кожному кроці.
  • Maximum Number of Price Intervals, визначає найбільший ціновий крок, доступний у багаторівневій навігації Magento 2.

Magento 2 Layered Navigation Price

Налаштування атрибутів в Layered Navigation

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

Примітка: не кожен атрибут продукту може бути доданий до багаторівневої навігації. Лише наступні атрибути можуть бути додані: dropdown, multiple select, або price input types.

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

Виконайте наступні кроки, щоб додати атрибут до багаторівневої навігації у Magento 2:

1. Підіть в Stores > Attributes > Products та виберіть атрибут, який ви хотіли б додати до навігації.

Примітка: ви можете використати секцію Use in Layered Navigation, яка вже додана до опцій атрибуту продукту.

Magento 2 Product Attributes

2. Підіть в розділ Storefront Properties, у налаштуваннях атрибуту.

3. Виберіть опцію Filterable (with results) у полі Use in Layered Navigation, щоб показувати кількість продуктів в категорії, що асоціюються з цим атрибутом. Або ж виберіть опцію Filterable (no results), щоб не показувати кількість продуктів.

4. Виберіть Yes в полі Use in Search Results Layered Navigation, щоб атрибут показувався в результатах пошуку.

5. Не забудьте зберегти атрибут.

Magento 2 Attribute Storefront Attributes

Як додати Layered Navigation на сторінку категорії Magento 2?

Щоб додати меню layered navigation на сторінку категорії Magento 2:

  1. Підіть в Calatog > Categories.
  2. Виберіть Category, яку ви хочете додати до багаторівневої навігації та ввімкніть опцію Anchor в розділі Display Settings налаштувань категорії.

Magento 2 Category

Меню багаторівневої навігації відображатиметься в кожній категорії Magento 2, для якої ви ввімкнете цю опцію, що покращить навігацію, особливо якщо у вас багато категорій.

Крім того, ви можете змінити місце багаторівневої навігації на сторінці, налаштувавши дизайн категорії.

Для цього у налаштуваннях категорії знайдіть розділ Design та змініть Layout на один із запропонованих.

Magento 2 Category Design

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

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

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

Коли користувачі заходять на ваш каталог, вони переглядають якісь подукти, але не йдуть далі.

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

І для цього вам навіть не потрібні жодні розширення.

Magento 2 Recently Viewed

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