Przejdź do głównej zawartości
Zainstaluj aplikację
Polski

Lookbook z punktami

Pokaż stylizowane zdjęcie z klikalnymi punktami, które odsłaniają widoczne na nim produkty.

Dokumentacja Wszystkie plany 2 min czytania

Jedno zdjęcie, np. stylizacja lub urządzone wnętrze, z punktami (hotspotami) na widocznych produktach. Każdy punkt otwiera kartę produktu z obrazem, nazwą i ceną, dzięki czemu klienci kupują cały look.

Dodawanie bloku

  1. Wybierz układ

    W panelu mega menu w podglądzie kliknij Dodaj blok. Kliknij Dodaj produkt, najedź kursorem na Lookbook hotspots (lookbook z punktami) i kliknij Wybierz.

    (1) Kliknij Dodaj produkt, (2) wybierz Lookbook hotspots.
  2. Dodaj zdjęcie

    W panelu Edytuj element, w sekcji Ogólne, wpisz Nagłówek i kliknij Wybierz obraz pod Obraz. Sekcja Hotspots (punkty) pojawia się, gdy blok ma obraz.

    Blok Lookbook z punktami w podglądzie, z ustawieniami w panelu Edytuj element.
  3. Umieść punkty

    W sekcji Hotspots kliknij obraz w miejscu, w którym widać produkt, aby dodać numerowany punkt. Pod każdym Hotspot kliknij Wybierz produkty i wskaż produkt w tym miejscu.

  4. Zapisz i opublikuj

    Kliknij Zapisz, a potem Opublikuj.

Ustawienia

Ogólne

NagłówekDomyślnie: Shop the look
Tekst nad zdjęciem.
ObrazDomyślnie: Brak
Zdjęcie lookbooka.
SzerokośćDomyślnie: 66.66%
Jaką część wiersza mega menu zajmuje blok: Automatycznie lub od 8,33% do 100%.

Punkty

X / YDomyślnie: Miejsce kliknięcia
Pozycja punktu na obrazie, w % od lewej i od góry. Zmień ją, aby precyzyjnie ustawić punkt.
Wybierz produktyDomyślnie: Brak
Produkt otwierany przez punkt. Punkt bez produktu nie wyświetla się na obrazie.
Usuń
Usuwa punkt.

Do 6 punktów na obraz. Jeśli usuniesz obraz, sekcja Hotspots jest ukryta, dopóki nie dodasz go ponownie. Widoczność działa tak jak w każdym bloku; zobacz Ustawienia wspólne dla wszystkich bloków.

Wskazówki

  • Używaj zdjęcia z przestrzenią wokół produktów, aby punkty i karty produktów nie zasłaniały się nawzajem.
  • Umieszczaj każdy punkt na samym produkcie, a nie przy krawędzi zdjęcia.
  • Karty produktów korzystają z ustawień produktów w menu: Ustawienia > Zaawansowane > Pokaż przycisk Dodaj do koszyka dodaje do nich także przycisk Dodaj do koszyka.

Czy to było pomocne?

Zgłoś problem