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

Блок 1. Функціонал (високий пріоритет)

1. Виправлення помилки додавання товару в кошик

Проблема:
Періодично не спрацьовує додавання товару в кошик у скриптах #recommendedCatalogueSlider.

Особливості:

• Помилка плаваюча, відтворюється не завжди.

• Зафіксована на сторінці товару:
  https://jador.ua/ua/product/italian-silk/women-italian-silk-dresses/JD6a1ae41a502bb

• Необхідно провести діагностику та усунути причину.

Результат: стабільне додавання товарів у кошик без випадкових збоїв.

2. Блок «Відгуки та рейтинг»

Необхідно реалізувати на сторінці товару:

• блок відгуків покупців;

• систему модерації відгуків;

• рейтинг у вигляді зірок;

• відображення рейтингу під назвою товару;

• Schema.org розмітку для рейтингів та відгуків (SEO).

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

3. Блок «Ви нещодавно переглядали»

Реалізувати блок переглянутих товарів:

Розміщення:

• сторінка товару;

• сторінки категорій;

• сторінка порожнього пошуку.

Примітка щодо кошика:
Окрема сторінка кошика відсутня, тому додавання блоку в кошик не є пріоритетним.

Додатково потрібно оцінити:
Поточна сторінка пошуку при відсутності результатів:
https://jador.ua/ua?route=product/search&search=%D1%81%D1%83%D0%BA%D0%BD%D1%8F

Зараз сторінка відображається без повноцінного шаблону (відсутні заголовок та футер).

Потрібна рекомендація виконавця:

• чи варто переробити сторінку порожнього пошуку на повноцінну сторінку сайту;

• чи доцільно додати на неї блок «Ви нещодавно переглядали».

4. Виправлення блоку «Схожі товари»

Проблема:
При додаванні одного товару в різних кольорах у частини варіантів зникає блок «Схожі товари».

Ймовірно проблема пов'язана з прив'язкою схожих товарів до конкретних варіантів товару.

Завдання:

• знайти причину;

• виправити логіку прив'язки;

• забезпечити коректне відображення схожих товарів для всіх кольорових варіацій.

Від виконавця потрібно:
додатково перевірити та повідомити, на яких товарах наразі можна відтворити проблему.

5. Відображення доступних розмірів у картках каталогу

Додати в картки товарів відображення доступних розмірів у вигляді size chips.

Приклад:

• S

• M

• L

• XL

Відображення у вигляді окремих квадратів або кружків.

Орієнтир по дизайну:
https://monosnap.ai/file/kcAMEDEJ7maCjO9sXVMKZZzsKHsiiZ

Після блоку розмірів необхідно розташувати кнопки дій.

6. Покращення картки товару в каталозі

Додати помітну кнопку «Купити» з чітким CTA.

Вимоги:

• сучасне та помітне оформлення;

• адаптація для ПК та мобільних пристроїв;

• зручне розташування відносно блоку розмірів.

Орієнтир по дизайну:
https://monosnap.ai/file/0omYS1YNwyVAvIcNYTNPCR9vJlCDso

Очікуваний результат:
оновлена картка товару з:

• доступними розмірами;

• покращеним UX;

• помітною кнопкою покупки;

• адаптивним відображенням на всіх пристроях.