Lookbook Zakupowy: Shop the Look
Instalacja i użycie lookbooka zakupowego: tworzenie looku, rozmieszczanie hotspotów, konfiguracja karuzel i zakup całego looku jednym kliknięciem.
Moduł Lookbook Zakupowy: Shop the Look zamienia Twoje zdjęcia aranżacyjne w interaktywne witryny: umieszczasz klikalne punkty (hotspoty) na produktach widocznych na zdjęciu, a odwiedzający mogą poznać każdy artykuł i dodać cały look do koszyka jednym kliknięciem. Ta dokumentacja obejmuje instalację, tworzenie looku, konfigurację wyświetlania i zachowanie po stronie sklepu.
Zgodność
- PrestaShop 8.0 do 8.2
- PrestaShop 9.0
- Sklep pojedynczy i multisklep
- Wielojęzyczność (FR / EN / ES / DE / IT)
- Motywy oparte na motywie Classic
Instalacja
- Przejdź do Moduły > Menedżer modułów w panelu administracyjnym.
- Kliknij Zainstaluj moduł i wybierz plik
dfshopthelook.zip. - Po zakończeniu instalacji nowa zakładka Shop The Look pojawia się w menu Katalog.
Podczas instalacji moduł automatycznie rejestruje swoje hooki wyświetlania (strona główna i karta produktu) oraz tworzy tabele potrzebne do przechowywania looków i ich hotspotów.
Tworzenie pierwszego looku
Otwórz Katalog > Shop The Look, następnie kliknij Dodaj nowy look.
1. Wprowadź tytuł i zdjęcie
Wpisz tytuł (tłumaczony per język) oraz, jeśli chcesz, krótki opis. Następnie wgraj zdjęcie looku: najlepiej wizual o szerokości co najmniej 1200 px, w formacie JPG, PNG lub WEBP. Zaraz po wybraniu pliku podgląd wyświetla się natychmiast w edytorze, jeszcze przed zapisaniem.
2. Rozmieść hotspoty
Kliknij bezpośrednio na zdjęciu w miejscu, gdzie znajduje się produkt: otwiera się okno wyszukiwania. Wpisz nazwę lub indeks produktu, następnie wybierz go z listy (miniatury ułatwiają identyfikację). Punkt zostaje umieszczony i ponumerowany.
Punkt możesz w każdej chwili przestawić, przeciągając go myszą. Współrzędne zapisywane są w procentach, co gwarantuje wierne umiejscowienie niezależnie od rozmiaru wyświetlania zdjęcia po stronie sklepu.
3. Zarządzaj listą punktów
Pod zdjęciem każdy hotspot pojawia się na liście z numerem, powiązanym produktem i współrzędnymi. Użyj ikony kosza, aby usunąć punkt. Możesz umieścić tyle hotspotów, ile potrzebujesz, a nawet powiązać kilka punktów z tym samym produktem.
4. Zapisz
Ustaw pozycję (kolejność wyświetlania looku) i stan Włączony, następnie kliknij Zapisz. Look jest gotowy.
Konfiguracja wyświetlania
Ze strony konfiguracji modułu (Menedżer modułów > Konfiguruj) kontrolujesz niezależnie oba miejsca wyświetlania:
- Karuzela na stronie głównej: aktywacja i maksymalna liczba wyświetlanych looków.
- Looki na karcie produktu: aktywacja i maksymalna liczba wyświetlanych looków. W bloku „Skompletuj look” pokazywane są tylko looki zawierające oglądany produkt.
Po stronie sklepu
Karuzela
Na stronie głównej pozioma karuzela prezentuje Twoje looki w formie kart. Każda karta pokazuje zdjęcie, odznakę z liczbą produktów oraz dwa przyciski po najechaniu: Zobacz look i Kup look.
Modal „Zobacz look”
Kliknięcie Zobacz look (lub karty) otwiera immersyjne okno: powiększone zdjęcie z pulsującymi punktami z jednej strony, lista produktów z drugiej. Najechanie na wiersz produktu podświetla odpowiadający punkt na zdjęciu i odwrotnie. Każdy produkt pokazuje cenę sformatowaną według aktywnej waluty i języka; artykuły niedostępne są oznaczone.
„Kup look” jednym kliknięciem
Przycisk Kup look dodaje do koszyka, jedną akcją, wszystkie produkty powiązane z wizualem. Moduł:
- dodaje wariant domyślny każdego produktu;
- respektuje minimalną ilość zdefiniowaną na produkcie;
- automatycznie pomija artykuły wyprzedane bez dozwolonych zamówień oczekujących;
- deduplikuje produkty umieszczone na kilku punktach.
Koszyk PrestaShop jest następnie natywnie odświeżany, a powiadomienie potwierdza dodanie. Jeśli niektórych produktów nie udało się dodać (brak stanu magazynowego), komunikat o tym informuje.
Wielojęzyczność
Tytuł i opis każdego looku są tłumaczone język po języku bezpośrednio z karty looku. Etykiety interfejsu po stronie sklepu (przyciski, powiadomienia) podążają za aktywnym językiem sklepu.
Rozwiązywanie problemów
Karuzela nie wyświetla się na stronie głównej. Sprawdź, czy co najmniej jeden look jest włączony, czy opcja wyświetlania na stronie głównej jest zaznaczona oraz czy Twój motyw rzeczywiście wywołuje hook wyświetlania strony głównej.
Blok nie pojawia się na karcie produktu. Blok wyświetla się tylko wtedy, gdy co najmniej jeden aktywny look zawiera oglądany produkt i gdy odpowiednia opcja jest włączona.
Produkt nie został dodany przez „Kup look”. To oczekiwane zachowanie, gdy produkt jest wyprzedany bez dozwolonych zamówień oczekujących, wyłączony lub niedostępny do sprzedaży.
Odinstalowanie
Odinstalowanie z menedżera modułów usuwa tabele modułu, looki, ich hotspoty oraz wgrane zdjęcia looków. Pamiętaj, aby wcześniej wyeksportować lub zapisać swoje wizuale, jeśli chcesz je zachować.