Разработка кастомного Shopify-плагина

Цель

Нужно разработать собственный кастомный плагин/приложение для Shopify (или кастомный функционал внутри темы), который позволит покупателю интерактивно настраивать наклейки на странице товара.

Описание задачи

Магазин продаёт наклейки (будет 12 товаров). Для каждого товара необходимо реализовать интерактивный конфигуратор, который позволяет покупателю:

1. Изменять цвет наклейки

Наклейка представлена одним SVG-файлом.

Функционал:

• Возможность менять цвет SVG без перезагрузки страницы.

• Выбор цвета из заранее заданной палитры.

• Возможность указать свой цвет вручную (цветовой круг / HEX).

• Мгновенная перекраска SVG напрямую через код (CSS filters / inline styles / manipulation внутри SVG).

2. Выбирать тип покрытия (глянцевое или матовое)

• Два варианта покрытия: Glossy (глянцевое) и Matte (матовое).

• При выборе покрытия цена должна автоматически пересчитываться.

• Тип покрытия должен отображаться в заказе и корзине.

3. Выбирать размер наклейки

• Возможность добавления нескольких размеров (в сантиметрах).

• При изменении размера — автоматический пересчёт цены.

4. Изменение цены в зависимости от выбранных параметров

Цена обновляется динамически при изменении:

• цвета

• типа покрытия (глянец/матовая),

• размера,

• дополнительных опций (если будут добавлены).

Логика ценообразования должна быть гибкой, редактируемой, составить инструкцию по самостоятельному редактированию.

5. Возможность отражения наклейки по горизонтали

• Кнопка “Отразить горизонтально” (mirror/flip).

• Отражение SVG без потери качества.

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-магазин.

От разработчика требуется:

• Полностью рабочий плагин/модуль.

• Чистый и документированный код.

• Передача всех настроек.

Документация должна включать:

• Как добавлять новые цвета.

• Как изменять логику ценообразования.

• Как добавлять новые размеры.

• Как подключать модуль к новым товарам.

• Как управлять фонами.

Дополнительно

Пожалуйста, укажите:

• сроки выполнения,

• стоимость,

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