Cum activezi opțiunea de header sticky
Rânduri sticky
Header-ul sticky poate fi implementat în două moduri. Primul folosește un Header Clone predefinit, cu un set fix de elemente, indiferent ce elemente există în header-ul normal. Al doilea folosește un header sticky personalizat, care afișează aceleași elemente ca header-ul implicit.
Header-ul sticky predefinit se activează din Setări globale header, tab-ul Sticky header.
În setările globale ai două opțiuni pentru efectul sticky. Stick on scroll și Slide after scrolling down. Opțiunea Header Clone apare doar dacă este selectat Slide after scrolling down.
Când Header Clone este activ, acesta va conține întotdeauna următoarele elemente. Logo, meniu principal, căutare și widget-ul de coș. Header Clone nu poate fi editat.
Efecte pentru header-ul sticky
Pentru a afișa aceleași elemente atât în header-ul normal, cât și în header-ul sticky, trebuie să dezactivezi opțiunea Header clone și să setezi ca sticky rândul dorit din setările rândului.
Un exemplu de header sticky personalizat este prezentat mai jos.
Setările globale pentru header, din tab-ul Sticky header, includ următoarele opțiuni:
Sticky header shadow adaugă o umbră header-ului atunci când este sticky.
Hide when scrolling down ascunde header-ul sticky atunci când pagina este derulată în jos și îl afișează din nou la scroll în sus.
Sticky effect are două variante, Sticky on scroll și Slide after scrolled down. Exemplul de header sticky personalizat prezentat mai sus folosește efectul Sticky on scroll. Efectul Slide after scrolled down este prezentat mai jos.
