Moduł wyboru koloru farby dla PrestaShop 1.7.7.0+ - 24/08/2020 08:33 EDT
$30-250 USD
Płatność przy odbiorze
Stworzenie modułu do sklepu PrestaShop 1.7.7.0+ dodającego funkcjonalność wyboru koloru farby.
- Sprzedawany produkt to farby z mieszalnika - klient wybiera jeden z ponad 2 tys. kolorów
- W zależności od wybranego koloru farby, występuje ona w 3 różnych bazach: L jasne kolory, M pośrednie, U ciemne kolory
- Po wybraniu koloru, jeśli jest on z innej bazy niż aktualna, baza farby zostaje zmieniona na odpowiadającą wybranemu kolorowi (kombinacja produktu)
- Dostępne kolory wyświetlane są w oknie modal (zawartość okna po naszej stronie, to już istnieje), po kliknięciu na dany kolor okno modal się zamyka a formularz na karcie produktu odpowiednio konfiguruje.
Od strony użytkownika wyglądało by to tak:
- Klient otwiera sklep, wybiera np. farbę EVEREST
- Otwiera się karta produktu farby EVEREST, farba ta występuje w różnych rozmiarach opakowania i różnych stopniach połysku (kombinacje produktu)
- Wraz z standardowymi kontrolkami kombinacji produktu, wyświetla się dodatkowy przycisk "Wybierz kolor"
- Po kliknięciu przycisku "Wybierz kolor" wyświetla się odpowiednie okno modal (adres URL źródła okna modal konfigurowany w BackOffice dla danego produktu)
- W oknie modal (treść okna jest już wstępnie gotowa) spośród kolorów klient klika w wybrany przez siebie kolor, dany kolor ma podane odpowiednie parametry: Kod koloru, Nazwa koloru, Kolor w HEX, Baza farby LMU...
- Po kliknięciu w kolor okno modal się zamyka, ustawia się odpowiednia kombinacja bazy farby (jeśli aktualnie jest inna niż przypisana do wybranego koloru), zapisuje się wybrany kolor oraz wyświetla jego podgląd w postaci kolorowego kwadracika.
- Po dodaniu produktu do koszyka, obok innych kombinacji produktu, zapisywany jest i wyświetlany kod koloru, nazwa, podgląd koloru.
Od strony BackOffice:
- W danym produkcie włączamy lub wyłączamy tą funkcjonalność
- Ustawiamy adres URL do źródła okna modal (np. nazwa pliku PHP z odpowiedniego katalogu na serwerze - np. "[login to view URL]")
- Dwie różne farby mogą mieć inne zestawy dostępnych kolorów, dlatego jako parametr podawane będzie inne/różne źródło pliku PHP wyświetlającego treść okna modal z kolorami
- Będą produkty które mogą mieć kilka kolorów (np. produkt "Zestaw 5 wzorów kolorów", gdzie klient wybiera 5 kolorów które chce zamówić jako wzór).
- W przypadku gdy produkt ma mieć kilka kolorów, uzupełniamy kolejne pola z adresem pliku PHP okna modal, np. w konfiguracji produktu jest 10 pól z adresem pliku, jeśli jedno jest wypełnione to jeden przycisk wyboru koloru, jeśli dwa pola są wypełnione to wyświetlają się dwa przyciski wyboru koloru i dwa kolory się zapisują. W przypadku produktu z kilkoma kolorami baza farby LMU się nie zmienia (nie ma w tych produktach w ogóle takiej kombinacji)
Zawartość okna modal po mojej stronie, mamy prototyp takiej listy kolorów.
Wybrany przez klienta kolor musi się zapisywać w zamówieniu i być widoczny, tak samo jak standardowe kombinacje produktu, zarówno w koszyku, podczas realizacji zamówienia, w BackOffice w zamówieniach...
Do sklepu planujemy użycie skórki "Charme Fashion Store"
Makiety graficzne:
- [login to view URL]: widok karty produktu przed wybraniem koloru, widoczny przycisk "Wybierz kolor" - pole wymagane
- [login to view URL]: po kliknięciu w przycisk "Wybierz kolor" wyświetla się okno modal z dostępnymi kolorami
- [login to view URL]: po wybraniu koloru zamiast przycisku "Wybierz kolor" jest reprezentacja koloru, jedno kod i nazwa. Widoczny jest także przycisk "X", kliknięcie w "X" powoduje ponowne wyświetlenie okna modal i możliwość zmiany koloru.
- [login to view URL]: po kliknięciu "Dodaj do koszyka" w koszyku Ajax (funkcja skórki Charme) wyświetla się kolor i jego kod oraz nazwa
- [login to view URL]: w podsumowaniu koszyka również wyświetla się kolor oraz jego kod i nazwa
- [login to view URL]: w BackOffice w szczegółach zamówienia wybrany kolor widoczny
Numer ID Projektu: #27088802
O projekcie
2 freelancerów złożyło ofertę za $120 w tym projekcie
Dear sir/madam, I am offering my services on short notice. Relevant Skills and Experience Please consider me and give me a chance to impress you by my quality services..
Zapraszam do współpracy. Chętnie pomogę przy projekcie oraz zapewnię wsparcie techniczne po ukończeniu zlecenia. Otwartość do negocjacji ceny.