Фильтр для сайта на платформе Шопифай и Zoom для товаров

Техническое задание

Платформа: Shopify

Цель: Реализовать систему фильтров на странице каталога картин, которая позволит пользователям быстро находить необходимые работы по заданным параметрам.

Текущая ситуация:

На данный момент фильтры реализованы через приложение Shopify Search & Discovery, однако:

•    фильтры не работают в коллекциях, где более 1000 товаров

•    существует ограничение по количеству отображаемых товаров

•    фильтры не отображаются в коллекциях, если превышен порог в 1000+ элементов

В связи с этим необходимо разработать кастомное решение или усовершенствовать существующее, которое будет работать независимо от ограничений Shopify.

 Фильтры, которые нужно реализовать:

1.    Size

o    Width: от и до (в см или дюймах)

o    Height: от и до

Пример реализации 

2.    Subject

o    Выпадающий список (dropdown)

      Источник: метаполе subject в продукте

3.    Artist

o    Выпадающий список

       Источник: метаполе artist в продукте

4.    Price

o    Диапазон цен (ползунок или поля "от" – "до")

o    Валюта: USD

5.    Availability

o    В наличии

o    Изготовлено по заказу

       Источник: тег или метаполе в продукте

6.    Materials

o    Выпадающий список

       Источник: метаполе materials в продукте

7.    Basis

o    Выпадающий список или чекбоксы

             Источник: метаполе basis (например, холст, доска и т.д.)

8.    Product Type

       Источник: стандартное поле Shopify или тег

 Технические требования:

•    Фильтры должны работать без перезагрузки страницы (AJAX)

•    Возможность применять несколько фильтров одновременно

•    Кнопка "Очистить фильтры"

•    Адаптивность: корректное отображение на мобильных устройствах

•    Поддержка URL-структуры с фильтрами, чтобы можно было делиться ссылками

•    Быстрая скорость загрузки страницы, даже при большом количестве товаров

Ссылка на фильтр сейчас https://ukrainianvintage.com/collections/autumn-landscape

Технічне завдання

Платформа: Shopify

Мета: Реалізувати систему фільтрів на сторінці каталогу картин, яка дозволить користувачам швидко знаходити необхідні роботи за заданими параметрами.

Поточна ситуація:

На даний момент фільтри реалізовані через додаток Shopify Search & Discovery, однак:

•    фільтри не працюють у колекціях, де понад 1000 товарів

•    існує обмеження по кількості відображених товарів

•    фільтри не відображаються на колекціях, якщо перевищено поріг у 1000+ елементів

У зв'язку з цим необхідно розробити кастомне рішення або вдосконалити наявне, яке буде працювати незалежно від обмежень Shopify.

 Фільтри, які потрібно реалізувати:

1.    Size

o    Width: від і до (в см або дюймах)

o    Height: від і до

Приклад реалізування 

2.    Subject

o    Випадаючий список (dropdown)

      Джерело: метаполе subject у продукті

3.    Artist

o    Випадаючий список

       Джерело: метаполе artist у продукті

4.    Price

o    Діапазон цін (повзунок або поля "від" – "до")

o    Валюта: USD

5.    Availability

o    In stock

o    Made to order

         Джерело: тег або метаполе у продукті

6.    Materials

o    Випадаючий список

         Джерело: метаполе materials у продукті

7.    Basis

o    Випадаючий список або чекбокси

             Джерело: метаполе basis (напр., canvas, board тощо)

8.    Product Type

         Джерело: стандартне поле Shopify або тег

 Технічні вимоги:

•    Фільтри мають працювати без перезавантаження сторінки (AJAX)

•    Можливість застосовувати кілька фільтрів одночасно

•    Кнопка "Очистити фільтри"

•    Адаптивність: коректне відображення на мобільних пристроях

•    Підтримка URL-структури з фільтрами, щоб можна було ділитись посиланнями

•    Швидка швидкість завантаження сторінки, навіть при великій кількості товарів

Посилання на фільтр зараз https://ukrainianvintage.com/collections/autumn-landscape