Przyklejony pasek

Co to jest lepki bar?

Pasek lepki jest cienkim prętem przytwierdzonym do tej samej pozycji ekranu - zazwyczaj na górze lub na dole - podczas gdy reszta strony przewija się obok niego. Technicznie jest zbudowany z CSS position: sticky lub position: fixed. W sklepie internetowym zachowuje wiadomość lub działanie stale widoczne, bez względu na to, jak daleko klient przesunął stronę.

Dlaczego lepki bar ma znaczenie?

Pasek lepki daje stałe miejsce na wiadomość, którą najmniej chcesz, aby klienci przeoczyć: kod rabatowy, próg darmowej wysyłki lub jasne wezwanie do działania. Ponieważ podąża za klientem w dół strony, działa szczególnie dobrze na mobilnych i na długich stronach produktu, gdzie przycisk zakupu w przeciwnym razie przewinie się poza widok. W zamian zajmuje przestrzeń widokową, a jeśli zostanie wstrzyknięta późno lub bez zastrzeżonej przestrzeni, może uruchomić przesunięcie układu (CLS).

Przypadki wspólnego stosowania

• Pasek ogłoszeń z kodem rabatowym, kampanią lub progiem bezpłatnej wysyłki na górze.
• Sticky add- to- cart na telefon komórkowy, utrzymując przycisk zakupu widoczny na długich stronach produktu.
• Plik cookie i baner zgody przygwożdżone, dopóki użytkownik nie dokona wyboru.
• Odliczanie lub ogłoszenie o stanie To dodaje presji czasu podczas kampanii.
• Trwałe wyszukiwanie lub pasek menu wewnątrz przygniecionego nagłówka.

Shopify perspektywa

Większość Online Store 2.0 tematyczne statek z built- w sekcji paska ogłoszeń i często “lepki nagłówek” opcja, ale uporczywie przypięty bar lub lepki add- to- koszyk zwykle wymaga kodu motywu lub aplikacji. Zawsze sprawdzaj na mobilnym i pulpicie, czy pasek nie obejmuje ważnych przycisków zawartości lub finalizacji zakupu, i czy nie przesuwa układu wokół. Powiązany, mniej inwazyjny wariant jest Panel wysuwanyktóry wpada z boku zamiast zajmować stały bar.