Opracowanie niestandardowego wtyczki Shopify

Cel

Trzeba opracować własną niestandardową wtyczkę/aplikację dla Shopify (lub niestandardową funkcjonalność w obrębie motywu), która pozwoli klientowi interaktywnie dostosować naklejki na stronie produktu.

Opis zadania

Sklep sprzedaje naklejki (będzie 12 produktów). Dla każdego produktu należy zrealizować interaktywny konfigurator, który pozwala klientowi:

1. Zmieniać kolor naklejki

Naklejka jest przedstawiona jednym plikiem SVG.

Funkcjonalność:

• Możliwość zmiany koloru SVG bez przeładowania strony.

• Wybór koloru z wcześniej ustalonej palety.

• Możliwość ręcznego podania własnego koloru (koło kolorów / HEX).

• Natychmiastowe przerysowanie SVG bezpośrednio przez kod (filtry CSS / style inline / manipulacja wewnątrz SVG).

2. Wybierać typ wykończenia (błyszczące lub matowe)

• Dwa warianty wykończenia: Glossy (błyszczące) i Matte (matowe).

• Przy wyborze wykończenia cena powinna być automatycznie przeliczana.

• Typ wykończenia powinien być wyświetlany w zamówieniu i koszyku.

3. Wybierać rozmiar naklejki

• Możliwość dodania kilku rozmiarów (w centymetrach).

• Przy zmianie rozmiaru — automatyczne przeliczenie ceny.

4. Zmiana ceny w zależności od wybranych parametrów

Cena aktualizuje się dynamicznie przy zmianie:

• koloru

• typu wykończenia (błyszczące/matowe),

• rozmiaru,

• dodatkowych opcji (jeśli zostaną dodane).

Logika ustalania cen powinna być elastyczna, edytowalna, stworzyć instrukcję do samodzielnej edycji.

5. Możliwość odbicia naklejki w poziomie

• Przycisk “Odbić w poziomie” (mirror/flip).

• Odbicie SVG bez utraty jakości.

6. Możliwość załadowania własnego tła

Klient powinien mieć możliwość:

• załadować własne tło (PNG/JPG);

• tło automatycznie pojawia się pod naklejką;

• tło rozciąga się/centruje automatycznie w obszarze roboczym;

• naklejka nakłada się na tło bez artefaktów.

Również:

• Możliwość włączania/wyłączania tła.

• Wsparcie dla jednolitego koloru tła lub kilku gotowych wariantów.

7. Zarządzanie naklejką: przesuwanie / obracanie / skalowanie

Użytkownik powinien mieć możliwość interakcji z naklejką jako obiektem:

• przesuwać naklejkę po polu roboczym (drag & drop),

• skalować (zoom in/out),

• obracać (rotate).

Cała transformacja — na froncie, bez zniekształcenia jakości SVG.

8. Wsparcie dla Shopify Theme 2.0

• Moduł powinien poprawnie integrować się z aktualnym motywem Shopify.

• Konfigurator pojawia się tylko na produktach kategorii “naklejki” (12 produktów), inne produkty sklepu nie są dotknięte.

• Wsparcie dla AJAX Cart (aktualizacja ceny, przesyłanie wybranych parametrów do koszyka).

Wymagania dla dewelopera

• Doświadczenie w tworzeniu dla Shopify (Liquid, Theme 2.0, Aplikacje).

• Umiejętności pracy z zaawansowaną funkcjonalnością JS, manipulacjami SVG.

• Doświadczenie w tworzeniu konstruktorów/configuratorów — atut.

• Umiejętność pracy z Shopify Metafields, AJAX, Shopify Cart API.

Oczekiwany rezultat

Gotowy funkcjonalny konfigurator, całkowicie zintegrowany z istniejącym sklepem Shopify.

Od dewelopera wymaga się:

• W pełni działająca wtyczka/moduł.

• Czysty i udokumentowany kod.

• Przekazanie wszystkich ustawień.

Dokumentacja powinna zawierać:

• Jak dodawać nowe kolory.

• Jak zmieniać logikę ustalania cen.

• Jak dodawać nowe rozmiary.

• Jak podłączyć moduł do nowych produktów.

• Jak zarządzać tłami.

Dodatkowo

Proszę podać:

• termin realizacji,

• koszt,

• jakiekolwiek propozycje dotyczące realizacji technicznej.