Panoramica del progetto
Sviluppo di un plugin WooCommerce che consente ai clienti di caricare e modificare immagini all'interno di maschere sagomate prima di acquistare prodotti personalizzati in cristallo 3D.
Il plugin include un pulsante di caricamento con overlay modale, strumenti per ingrandire e ruotare le immagini e la possibilità di visualizzare un'anteprima e confermare il risultato finale. Supporta i gesti sui dispositivi mobili, l'unione delle immagini lato server e il download da parte dell'amministratore.
La convalida impedisce di aggiungere il prodotto al carrello se non è stata caricata un'immagine. Gli aggiornamenti continui hanno incluso correzioni di bug, miglioramenti dell'interfaccia e una reattività ottimizzata sui dispositivi mobili.
- Max / 3dstrongus
Funzionalità principali realizzate
- Pulsante di caricamento immagini tramite shortcode o selettore
- Finestra modale di ritaglio con maschera sagomata
- Funzioni di zoom e rotazione con supporto ai gesti
- Generazione dell'immagine finale combinata sul server
- Anteprima in miniatura nelle pagine prodotto e carrello
- Download da parte dell'amministratore dell'immagine originale e modificata dall'ordine
- Convalida per garantire il caricamento dell'immagine prima dell'aggiunta al carrello
- Integrazione degli avvisi WooCommerce
- Supporto ai formati JPG e PNG
- Configurazione della convalida basata sulle categorie
Screenshot
Finestra modale per il ritaglio delle immagini con funzioni di zoom e rotazione nella pagina prodotto di 3dstrongus