Dodaj przycisk Powrót do góry na długich stronach

W przypadku długich stron wymagających czasochłonnego przewijania możesz dodać przycisk Powrót do góry do swojego szablonu.

Przykład powrotu do góry

Utwórz fragment kodu powrotu do góry

Dołącz fragment kodu

  1. W folderze Układy otwórz plik theme.liquid.
  2. Przewiń do dołu pliku. Bezpośrednio nad tagiem zamykającym </body> wklej ten kod:
{% render 'back-to-the-top' %}

Twój kod powinien wyglądać tak:

Powrót do góry zawiera fragment kodu

  1. Kliknij opcję Zapisz.

Skonfiguruj przycisk powrotu do góry (opcjonalnie)

Aby dostosować przycisk powrotu do góry, kliknij tutaj i sprawdź pierwsze linie fragmentu kodu.

  • Aby zmienić położenie przycisku względem dołu przeglądarki, edytuj wartość position_from_bottom:
{% assign position_from_bottom = '4em' %}
  • Aby zmienić wartość wskazującą, jak daleko w dół klient musi przewinąć, zanim przycisk będzie widoczny, edytuj wartość vertical_offset_for_trigger:
{% assign vertical_offset_for_trigger = 300 %}

Sklep w wersji demonstracyjnej

Odwiedź sklep w wersji demonstracyjnej, aby zobaczyć przykład tego dostosowania.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo