Lägg till en Tillbaka till början-knapp på långa sidor
Om du har sidor som är långa och kräver mycket bläddring kan du lägga till en Tillbaka till början-knapp i ditt tema.
Skapa ett back-to-the-top-fragment
Dator
- Från din Shopify-admin går du till Webbshop > Teman.
- Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
- Klicka på Lägg till en ny snippet i katalogen Snippets.
- Döp ditt fragment till
back-to-the-top
och klicka sedan på Skapa fragment. Din fragmentfil öppnas i kodredigeraren.
- Klistra in följande kod i din nyligen skapade
back-to-the-top
-fil:
- Klicka på Spara.
iPhone
- Från Shopify-appen trycker du på knappen ….
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera teman.
- Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
- Klicka på Lägg till en ny snippet i katalogen Snippets.
- Döp ditt fragment till
back-to-the-top
och klicka sedan på Skapa fragment. Din fragmentfil öppnas i kodredigeraren.
- Klistra in följande kod i din nyligen skapade
back-to-the-top
-fil:
- Klicka på Spara.
Android
- Från Shopify-appen trycker du på knappen ….
- Tryck på Webbshop i avsnittet Försäljningskanaler.
- Tryck på Hantera teman.
- Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
- Klicka på Lägg till en ny snippet i katalogen Snippets.
- Döp ditt fragment till
back-to-the-top
och klicka sedan på Skapa fragment. Din fragmentfil öppnas i kodredigeraren.
- Klistra in följande kod i din nyligen skapade
back-to-the-top
-fil:
- Klicka på Spara.
Inkludera ditt fragment
- Öppna filen
theme.liquid
i mappen Layouter.
- Bläddra längst ner i filen. Precis ovanför den avslutande
</body>
-taggen klistrar du in den här koden:
Din kod ska se ut så här:
- Klicka på Spara.
Konfigurera tillbaka till början-knappen (valfritt)
Om du vill anpassa din tillbaka till början-knapp klickar du här och tittar på de första raderna i ditt fragment.
- Redigera
position_from_bottom
-värdet för att ändra knappens placering i förhållande till den nedre delen av webbläsaren:
- Redigera
vertical_offset_for_trigger
-värdet för att ändra hur långt ner en kund behöver bläddra innan knappen syns:
Demobutik
Besök demobutiken för att se ett exempel på denna anpassning.