Filtr dla strony na platformie Shopify i Zoom dla produktów

Techniczne wymagania

Platforma: Shopify

Cel: Wdrożyć system filtrów na stronie katalogu obrazów, który pozwoli użytkownikom szybko znaleźć potrzebne prace według określonych parametrów.

Obecna sytuacja:

Obecnie filtry są realizowane za pomocą aplikacji Shopify Search & Discovery, jednak:

•    filtry nie działają w kolekcjach, gdzie jest ponad 1000 produktów

•    istnieje ograniczenie co do liczby wyświetlanych produktów

•    filtry nie są widoczne w kolekcjach, jeśli przekroczony jest próg 1000+ elementów

W związku z tym konieczne jest opracowanie niestandardowego rozwiązania lub ulepszenie istniejącego, które będzie działać niezależnie od ograniczeń Shopify.

 Filtry, które należy zaimplementować:

1.    Rozmiar

o    Szerokość: od i do (w cm lub calach)

o    Wysokość: od i do

Przykład realizacji 

2.    Temat

o    Lista rozwijana (dropdown)

      Źródło: meta pole subject w produkcie

3.    Artysta

o    Lista rozwijana

       Źródło: meta pole artist w produkcie

4.    Cena

o    Zakres cen (suwak lub pola "od" – "do")

o    Waluta: USD

5.    Dostępność

o    Na stanie

o    Na zamówienie

         Źródło: tag lub meta pole w produkcie

6.    Materiały

o    Lista rozwijana

         Źródło: meta pole materials w produkcie

7.    Podstawa

o    Lista rozwijana lub pola wyboru (checkbox)

             Źródło: meta pole basis (np. płótno, deska itp.)

8.    Typ produktu

         Źródło: standardowe pole Shopify lub tag

 Wymagania techniczne:

•    Filtry muszą działać bez przeładowania strony (AJAX)

•    Możliwość stosowania wielu filtrów jednocześnie

•    Przycisk "Wyczyść filtry"

•    Responsywność: poprawne wyświetlanie na urządzeniach mobilnych

•    Wsparcie struktury URL z filtrami, aby można było dzielić się linkami

•    Szybkość ładowania strony, nawet przy dużej liczbie produktów

Link do filtra obecnie 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