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