Konfigurator wyglądu/personalizacji produktu na stronie internetowej Shoper Storefront

Sprzedajemy girlandy balonowe. Chcemy, aby klient mógł samodzielnie dobrać kolory girlandy i zobaczyć na żywo realistyczny podgląd, zanim doda produkt do koszyka. Girlanda składa się z 4 segmentów — klient wybiera kolor każdego z nich spośród 58 dostępnych, a podgląd aktualizuje się natychmiast przez podmianę zdjęć. Każdy wybrany kolor to osobny produkt dodawany do koszyka.

Mamy działający prototyp (samodzielny plik HTML/JavaScript), który demonstruje całą mechanikę i wygląd konfiguratora — logikę wyboru, podmianę zdjęć, obsługę podglądu i koszyka. Zadaniem wykonawcy jest przede wszystkim osadzenie tego rozwiązania w Shoperze i podłączenie koszyka lub przepisanie go na docelową technologię na bazie istniejącego prototypu( w załączniku). Na prototypie są bardzo słabej jakości zdjęcia, na potrzeby projektu będziemy tworzyć nowe z grafikiem. Jako naszą inspiracje traktujemy stronę: https://popupballoons.com/products/create-your-own-balloon-garland-kit-customize-online-balloon-arch-kits . Tylko inaczej niż tutaj nie chcemy kolorować balonów po HEX tylko podstawiać realne zdjęcia lub te wygenerowane przez AI/grafika w danym kolorze balonów.

Co potrzebuje do wyboru wykonawcy: Krótko o doświadczeniu z Shoperem (najlepiej z linkami do wdrożeń — customizacje, aplikacje, konfiguratory itp.). Proponowana metoda osadzenia i sposób podłączenia koszyka w Shoperze. Wstępny szacunek czasu i kosztu — proszę o rozbicie na: (1) osadzenie + koszyk.

Nasz sklep jest na shoper premium i teraz przenosimy go na storefront i tam chcielibyśmy docelowo wgrać konfigurator. Adres strony: www.sklepdekoratora.pl