Обзор проекта
Разработка плагина WooCommerce, который позволяет клиентам загружать и редактировать изображения внутри фигурных масок перед покупкой персонализированных 3D-кристаллических изделий.
Плагин включает кнопку загрузки с модальным окном, инструменты масштабирования и поворота изображения, а также возможность просматривать и подтверждать итоговый результат. Поддерживаются мобильные жесты, объединение изображений на сервере и функция скачивания для администратора.
Валидация не позволяет добавить товар в корзину, если изображение не загружено. Последующие обновления включали исправления ошибок, улучшения интерфейса и оптимизацию мобильного отображения.
- Max / 3dstrongus
Основные реализованные функции
- Кнопка загрузки изображений через shortcode или селектор
- Модальное окно кадрирования с фигурной маской
- Масштабирование и поворот с поддержкой жестов
- Создание итогового объединённого изображения на сервере
- Предварительный просмотр миниатюры на страницах товара и корзины
- Скачивание исходного и обработанного изображения в интерфейсе заказа администратора
- Валидация, обеспечивающая загрузку изображения до добавления товара в корзину
- Интеграция уведомлений WooCommerce
- Поддержка форматов JPG и PNG
- Настройка валидации по категориям
Скриншоты
Функции масштабирования и поворота в модальном окне кадрирования изображения на странице товара 3dstrong