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

Linki z obrazem po najechaniu

Pokaż listę linków obok dużego obrazu, który zmienia się, gdy klient najeżdża na kolejne linki.

Dokumentacja Wszystkie plany 2 min czytania

Lista linków obok dużego obrazu, który po najechaniu zmienia się na zdjęcie danego linku. Używaj jej, aby wizualnie zapowiedzieć kategorie („Nowości”, „Bestsellery”, „Wyprzedaż”) bez zajmowania miejsca całą siatką obrazów.

Dodawanie bloku

  1. Wybierz układ

    W panelu mega menu w podglądzie kliknij Dodaj blok. Kliknij Lista linków, najedź kursorem na Hover image links (linki z obrazem po najechaniu) i kliknij Wybierz. Na początku blok ma nagłówek „Collections” i 3 przykładowe linki.

    (1) Kliknij Lista linków, (2) wybierz Hover image links.

  2. Ustaw nagłówek i domyślny obraz

    W panelu Edytuj element, w sekcji Ogólne, wpisz Nagłówek, wybierz Default image (domyślny obraz) i wpisz Button label on image (etykieta przycisku na obrazie).

    Blok Linki z obrazem po najechaniu w podglądzie, z ustawieniami w panelu Edytuj element.

  3. Wpisz Tytuł, wybierz Link i wskaż Image on hover (obraz po najechaniu). Kliknij Dodaj, aby dodać link, lub Usuń, aby go usunąć.

  4. Zapisz i opublikuj

    Dostosuj obraz w sekcji Style (styl), a potem kliknij Zapisz i Opublikuj.

Ustawienia

Ogólne

NagłówekDomyślnie: Collections
Tekst nad linkami.
Default image (domyślny obraz)Domyślnie: Brak
Wyświetlany dla linków bez własnego Image on hover.
Button label on image (etykieta przycisku na obrazie)Domyślnie: Shop now
Tekst na obrazie, pod tytułem linku. Zostaw puste, aby pokazać tylko tytuł.
SzerokośćDomyślnie: 66.66%
Jaką część wiersza mega menu zajmuje blok: Automatycznie lub od 8,33% do 100%.

Styl

Image position (pozycja obrazu)Domyślnie: Right
Right (po prawej) lub Left (po lewej) od linków.
Proporcje obrazuDomyślnie: 4:3
1:1, 4:3, 3:4, 16:9 lub 9:16.
TytułDomyślnie: New arrivals, Best sellers, Sale
Tekst linku.
LinkDomyślnie: Brak
Dokąd prowadzi link.
Image on hover (obraz po najechaniu)Domyślnie: Brak
Zdjęcie wyświetlane, gdy klient najeżdża na ten link.

Do 10 linków w jednym bloku. Każdy link pojawia się też pod blokiem na liście Elementy, z przyciskiem Add link (dodaj link): przeciągaj linki, aby zmienić ich kolejność, lub kliknij jeden (na liście lub w podglądzie), aby edytować tylko ten link, w tym jego własną Widoczność. Widoczność całego bloku działa tak jak w każdym bloku; zobacz Ustawienia wspólne dla wszystkich bloków.

Wskazówki

  • Używaj obrazów o tym samym kształcie i ustaw odpowiednie Proporcje obrazu, aby obszar obrazu nie przeskakiwał między linkami.
  • Tytuły linków powinny być krótkie. Tytuł pojawia się też na obrazie.

Czy to było pomocne?

Zgłoś problem