Конструктор нанесения логотипов на фото товаров в InSales

Задача клиента

Компания Ucontay.kz обратилась к нам с запросом на создание инструмента персонализации товаров. Необходимо было реализовать конструктор нанесения логотипа и возможность генерации коммерческих предложений в формате PDF.

• Загрузка логотипа клиентом в карточке товара или корзине
• Автоматическое нанесение логотипа по заданным координатам
• Редактор: поворот, масштабирование, позиционирование
• Сохранение результата в заказе
• Генерация PDF с товарами и логотипами

Решение

Мы создали приложение внутри магазина InSales, которое позволяет администратору размечать фото товаров, а клиенту — быстро и просто наносить свой логотип на выбранные позиции.

Функционал включает:

1. Загрузка и привязка фото варианта товара
2. Задание координат области нанесения логотипа
3. Кнопка «Конструктор нанесения» в карточке товара и корзине
4. Редактор логотипа: изменение размера, поворот, позиция
5. Автоматическое формирование PDF с обновлёнными изображениями

Особенности и вызовы

Логотипы наносятся строго в заданные зоны — это гарантирует корректность, но не учитывает изгибы предметов. Чтобы упростить процесс, администратор назначает область печати, а клиент редактирует лого в её пределах.

Также реализована защита бэкофиса паролем, возможность удаления логотипа и экспорт изображений в PDF/JPG (формат А4 для печати).