Project overview
Development of a WooCommerce plugin allowing customers to upload and edit images within shape masks before purchasing personalized 3D crystal products.
The plugin features an upload button with modal overlay, image zoom/rotate tools, and the ability to preview and confirm final output. It supports mobile gestures, server-side image merging, and admin download functionality.
Validation prevents adding to cart unless an image is uploaded. Ongoing updates included bug fixes, UI improvements, and optimized mobile responsiveness.
The client was actively engaged throughout the process, providing detailed feedback and confirming improvements across multiple plugin versions.
They experienced and reported nuanced bugs, which were promptly addressed by 2410. Eventually, the plugin was confirmed to function well, with working masks and improved usability.
Continued collaboration on performance optimization further demonstrated client satisfaction and trust in the developer.
- Max / 3dstrongus
Key features delivered
- Image upload button via shortcode or selector
- Modal cropping window with shape mask
- Zoom and rotate functionality with gesture support
- Merged final image generation on server
- Thumbnail preview on product and cart pages
- Admin order download of original and processed image
- Validation to ensure image upload before adding to cart
- WooCommerce notice integration
- Support for JPG and PNG formats
- Category-based validation configuration
Screenshots
Image Cropper Modal with Zoom and Rotate Features in the 3dstrongus Product Page
Technology stack
PHP 7+
WooCommerce
Imagick extension
JavaScript
CSS
Shortcodes
WordPress Admin
Mobile gesture support