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

Uwaga

Klasyczne szablony nie są dostępne w Theme Store. Te szablony nie mają funkcji zawartych w szablonach Online Store 2.0, a darmowe klasyczne szablony Shopify nie są aktualizowane z wyjątkiem poprawek bezpieczeństwa.

Uwaga

Jeśli używasz darmowego szablonu z Shopify, możesz skontaktować się z Pomocą techniczną Shopify, aby uzyskać pomoc w związku z tym tutorialem. Czas projektowania wynosi 15 minut. Dowiedz się więcej o Polityce projektowania Shopify.

Uwaga

To dostosowanie jest przeznaczone dla klasycznych szablonów Shopify i nie ma zastosowania do szablonów Online Store 2.0.

• Dowiedz się, jaka jest wersja architektury Twojego szablonu
• Przeglądaj dostosowania szablonu Online Store 2.0

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

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:

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 %}

Wskazówka

Wartość vertical_offset_for_trigger musi być ustawiona bez jednostek i musi to być wartość w pikselach.

Sklep w wersji demonstracyjnej

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