Мета
Необхідно розробити власний кастомний плагін/додаток для Shopify (або кастомний функціонал всередині теми), який дозволить покупцеві інтерактивно налаштовувати наклейки на сторінці товару.
Опис завдання
Магазин продає наклейки (буде 12 товарів). Для кожного товару необхідно реалізувати інтерактивний конфігуратор, який дозволяє покупцеві:
1. Змінювати колір наклейки
Наклейка представлена одним SVG-файлом.
Функціонал:
Можливість змінювати колір SVG без перезавантаження сторінки.
Вибір кольору з заздалегідь заданої палітри.
Можливість вказати свій колір вручну (колірний круг / HEX).
Миттєва перекраска SVG безпосередньо через код (CSS filters / inline styles / маніпуляції всередині SVG).
2. Вибирати тип покриття (глянцеве або матове)
Два варіанти покриття: Glossy (глянцеве) та Matte (матове).
При виборі покриття ціна повинна автоматично перераховуватися.
Тип покриття повинен відображатися в замовленні та кошику.
3. Вибирати розмір наклейки
4. Зміна ціни в залежності від вибраних параметрів
Ціна оновлюється динамічно при зміні:
Логіка ціноутворення повинна бути гнучкою, редагованою, скласти інструкцію по самостійному редагуванню.
5. Можливість відображення наклейки по горизонталі
6. Можливість завантажувати власний фон
Покупець повинен мати можливість:
завантажити свій фон (PNG/JPG);
фон автоматично з'являється під наклейкою;
фон розтягується/центрується автоматично в робочій області;
наклейка накладається поверх фону без артефактів.
Також:
7. Управління наклейкою: переміщення / обертання / масштабування
Користувач повинен мати можливість взаємодіяти з наклейкою як з об'єктом:
переміщати наклейку по робочому полю (drag & drop),
масштабувати (zoom in/out),
обертати (rotate).
Вся трансформація — на фронтенді, без спотворення якості SVG.
8. Підтримка Shopify Theme 2.0
Модуль повинен інтегруватися коректно в поточну тему Shopify.
Конфігуратор з'являється тільки на товарах категорії “наклейки” (12 товарів), інші товари магазину не зачіпаються.
Підтримка AJAX Cart (оновлення ціни, передача вибраних параметрів в кошик).
Вимоги до розробника
Досвід розробки під Shopify (Liquid, Theme 2.0, Apps).
Навички роботи зі складним JS-функціоналом, SVG-маніпуляціями.
Досвід розробки конструкторів/конфігураторів — перевага.
Уміння працювати з Shopify Metafields, AJAX, Shopify Cart API.
Очікуваний результат
Готовий функціональний конфігуратор, повністю інтегрований в існуючий Shopify-магазин.
Від розробника вимагається:
Повністю робочий плагін/модуль.
Чистий і документований код.
Передача всіх налаштувань.
Документація повинна включати:
Як додавати нові кольори.
Як змінювати логіку ціноутворення.
Як додавати нові розміри.
Як підключати модуль до нових товарів.
Як управляти фонами.
Додатково
Будь ласка, вкажіть:
