Konfigurator Tapet WooCommerce
Opracowanie niestandardowej wtyczki WooCommerce do wycinania wzorów tapet
Podgląd na żywoKlient
Kandela Design
Branża
Produkcja
Czas trwania
1 miesiąc
Lokalizacja
Polska
Autor projektu
Cele
Rozwiązanie dostosowane do indywidualnych potrzeb
Opracowanie wydajnej wtyczki WooCommerce do interaktywnej konfiguracji tapet, w pełni dostosowanej do specyficznych potrzeb klienta.
Opcja pobierania w czasie rzeczywistym wybranej powierzchni wzoru
Umożliwienie użytkownikom pobrania wybranego fragmentu tapety jako pliku JPG na podstawie zaznaczonego obszaru i określonych wymiarów.
Wykonanie interfejsu użytkownika na podstawie opisu
Stworzenie interfejsu użytkownika w oparciu o dostarczone opisy oraz dopracowanie projektu poprzez szczegółową komunikację i współpracę z klientem.
Załączenie wybranego fragmentu w e-mailu do klienta
Dołączenie wybranej sekcji tapety jako załącznika do wiadomości e-mail z potwierdzeniem wysłanym po złożeniu zamówienia, wraz ze standardowymi szczegółami.
Integracja strony produktu WooCommerce
Zintegrowanie konfiguratora z istniejącym sklepem WooCommerce klienta, zapewniając, że będzie on działał jako naturalna część infrastruktury witryny we współpracy z wcześniej zaimplementowanymi wtyczkami.
Przegląd implementacji
Projekt rozpoczął się od szczegółowej rozmowy z klientem, która doprowadziła do dostosowania wcześniej stworzonego rozwiązania. Frontend wykorzystuje nieco zmodyfikowaną wersję biblioteki JavaScript Croppie.js, znanej ze swojej funkcjonalności do przycinania obrazów. Wtyczka umożliwia administratorowi sklepu przesyłanie wzorów obrazów dla produktów oraz definiowanie domyślnych i minimalnych wymiarów.
Głównym wyzwaniem było zapewnienie płynnej integracji z istniejącymi wtyczkami oraz szablonem produktu. Wtyczka generuje wersję base64 wybranego obszaru, przetwarza ją i zapisuje jako plik JPG, który następnie jest dołączany do e-maila potwierdzającego zamówienie klienta. Dodatkową funkcją jest możliwość pobrania wybranego obszaru obrazu przez klientów w dowolnym momencie. Wtyczka jest w pełni responsywna, zapewniając optymalną wydajność na różnych urządzeniach.
Zastosowane technologie
Podsumowanie
Podsumowując, wszystkie cele projektu zostały pomyślnie zrealizowane. Wtyczka została zintegrowana z istniejącą infrastrukturą. Rozwiązanie umożliwia efektywne zarządzanie wzorami obrazów, automatyczne generowanie i dołączanie wybranego obszaru do e-maili oraz zapewnia pełną responsywność. Uzyskany rezultat nie tylko spełnił oczekiwania klienta, ale również rozszerzył ogólną funkcjonalność sklepu.