hello@rootbine.com

Konfigurator Tapet WooCommerce

Opracowanie niestandardowej wtyczki WooCommerce do wycinania wzorów tapet

Podgląd na żywo

Klient

Kandela Design

Branża

Produkcja

Czas trwania

1 miesiąc

Lokalizacja

Polska

Autor projektu

Rafał Majdan

CEO, WordPress developer

Więcej o Rafale

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

HTML

CSS

Javascript

PHP

WordPress

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.