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