Legg til en kobling i handlekurven for å fortsette å handle

Advarsel

Eldre temaer er ikke tilgjengelige i Theme Store. Eldre temaer har ikke funksjonene fra Shopifys Online Store 2.0-temaer, og Shopifys gratis eldre temaer mottar ikke oppdateringer ut over sikkerhetsrettelser.

Merk

Hvis du bruker et gratis tema fra Shopify, kan du kontakte Shopifys brukerstøtte for å få hjelp med denne veiledningen. Det krever 15 minutter med designtid. Finn ut mer om Shopifys retningslinjer for design.

Merk

Denne tilpasningen er for eldre Shopify-temaer, og gjelder ikke for Nettbutikk 2.0-temaer.

• Finn ut temaets arkitekturversjon
• Utforsk Online Store 2.0-tematilpasninger

Du kan legge til en Fortsett å handle-kobling på handlekurvsiden, som lar kundene raskt gå tilbake til å bla gjennom produkter etter å ha lagt noe i handlekurven. Du kan velge å legge til en kobling som sender kundene tilbake til katalogsiden, tilbake til startsiden, eller tilbake til den siste samlingssiden de så på.

Legg til en Fortsett å handle-kobling på handlekurvsiden

Datamaskin

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
3. I Seksjoner-katalogen klikker du på cart-template.liquid. Hvis temaet ditt ikke har denne filen, klikker du på cart.liquid i Maler-katalogen.
4. Finn koden for Betal-knappen ved å søke i filen etter name="checkout". Kodelinjen for betalingsknappen varierer fra tema til tema, men vil se omtrent slik ut:

<button type="submit" id="checkout" name="checkout" class="btn">
   {{ 'cart.general.checkout' | t }}
</button>

 5. Det neste trinnet er å lime inn en ny kodelinje for å opprette koblingen Fortsett å handle. Koden du limer inn avhenger av hvilken side du ønsker at koblingen skal peke til: * For å legge til en kobling som peker til katalogsiden limer du inn følgende kode på en ny linje enten før eller etter koden for knappen Betal:

<a href="/collections/all" title="Continue shopping">Continue shopping</a>

• For å legge til en kobling som går til startsiden, limer du inn følgende kode på en ny linje enten før eller etter koden for Gå til kassen-knappen:

<a href="/" title="Continue shopping">Continue shopping</a>

• For å legge til en kobling som går til den sist viste samlingen, limer du inn følgende kode på en ny linje enten før eller etter koden for Gå til kassen-knappen:

<a
  id="continue-shopping"
  href=""
  title="Continue shopping">
  Continue shopping
</a>

 6. Klikk på Lagre. Hvis du har lagt til en kobling til enten katalogsiden eller startsiden, er du ferdig. Hvis du har lagt til en kobling til den sist viste samlingen, må du legge til litt JavaScript i temakoden. Gå videre og følg de neste trinnene.

 7. I Oppsett-katalogen klikker du på theme.liquid.

 8. Finn den avsluttende </body>-taggen, nær bunnen av filen. Lim inn følgende kode over den avsluttende </body>-taggen:

<script>
  if(Storage !== undefined) {

    var defaultLink = "/collections/all";

    {% if template contains 'collection' %}
      sessionStorage.collection = "{{ collection.url }}";
    {% endif %}

    {% if template contains 'cart' %}
      if( !sessionStorage.collection ) {
        sessionStorage.collection = defaultLink;
      }
      document.getElementById("continue-shopping").href = sessionStorage.collection;
    {% endif %}

    }
</script>

 9. Klikk på Lagre.

iPhone

1. Trykk på …-knappen fra Shopify-appen.
2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
3. Trykk på Administrer temaer.
4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
5. I Seksjoner-katalogen klikker du på cart-template.liquid. Hvis temaet ditt ikke har denne filen, klikker du på cart.liquid i Maler-katalogen.
6. Finn koden for Betal-knappen ved å søke i filen etter name="checkout". Kodelinjen for betalingsknappen varierer fra tema til tema, men vil se omtrent slik ut:

<button type="submit" id="checkout" name="checkout" class="btn">
  {{ 'cart.general.checkout' | t }}
</button>

1. Det neste steget er å lime inn en ny kodelinje for å opprette en Fortsett å handle-kobling. Koden du limer inn avhenger av siden du ønsker at koblingen skal peke til:
   • For å legge til en kobling som leder til katalogsiden kan du lime inn følgende kode på en ny linje enten før eller etter koden for knappen **Kasse*:

<a href="/collections/all" title="Continue shopping">Continue shopping</a>

• For å legge til en kobling som går til startsiden, limer du inn følgende kode på en ny linje enten før eller etter koden for Gå til kassen-knappen:

<a href="/" title="Continue shopping">Continue shopping</a>

• For å legge til en kobling som går til den sist viste samlingen, limer du inn følgende kode på en ny linje enten før eller etter koden for Gå til kassen-knappen:

<a
  id="continue-shopping"
  href=""
  title="Continue shopping">
  Continue shopping
</a>

1. Klikk på Lagre. Hvis du har lagt til en kobling som peker til enten katalogsiden eller startsiden, er du ferdig. Hvis du har lagt til en kobling som går til den sist viste samlingen, må du legge til litt JavaScript i temakoden. Fortsett ved å følge de neste trinnene.
2. I Oppsett-katalogen klikker du på theme.liquid.
3. Finn den avsluttende </body>-taggen nesten nederst i filen. Lim inn følgende kode over den avsluttende </body>-taggen:

<script>
  if(Storage !== undefined) {

    var defaultLink = "/collections/all";

    {% if template contains 'collection' %}
      sessionStorage.collection = "{{ collection.url }}";
    {% endif %}

    {% if template contains 'cart' %}
      if( !sessionStorage.collection ) {
        sessionStorage.collection = defaultLink;
      }
      document.getElementById("continue-shopping").href = sessionStorage.collection;
    {% endif %}

    }
</script>

1. Klikk på Lagre.

Android

1. Trykk på …-knappen fra Shopify-appen.
2. I Salgskanaler-seksjonen trykker du på Nettbutikk.
3. Trykk på Administrer temaer.
4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
5. I Seksjoner-katalogen klikker du på cart-template.liquid. Hvis temaet ditt ikke har denne filen, klikker du på cart.liquid i Maler-katalogen.
6. Finn koden for Betal-knappen ved å søke i filen etter name="checkout". Kodelinjen for betalingsknappen varierer fra tema til tema, men vil se omtrent slik ut:

<button type="submit" id="checkout" name="checkout" class="btn">
  {{ 'cart.general.checkout' | t }}
</button>

1. Det neste steget er å lime inn en ny kodelinje for å opprette en Fortsett å handle-kobling. Koden du limer inn avhenger av siden du ønsker at koblingen skal peke til:
   • For å legge til en kobling som leder til katalogsiden kan du lime inn følgende kode på en ny linje enten før eller etter koden for knappen **Kasse*:

<a href="/collections/all" title="Continue shopping">Continue shopping</a>

• For å legge til en kobling som går til startsiden, limer du inn følgende kode på en ny linje enten før eller etter koden for Gå til kassen-knappen:

<a href="/" title="Continue shopping">Continue shopping</a>

• For å legge til en kobling som går til den sist viste samlingen, limer du inn følgende kode på en ny linje enten før eller etter koden for Gå til kassen-knappen:

<a
  id="continue-shopping"
  href=""
  title="Continue shopping">
  Continue shopping
</a>

1. Klikk på Lagre. Hvis du har lagt til en kobling som peker til enten katalogsiden eller startsiden, er du ferdig. Hvis du har lagt til en kobling som går til den sist viste samlingen, må du legge til litt JavaScript i temakoden. Fortsett ved å følge de neste trinnene.
2. I Oppsett-katalogen klikker du på theme.liquid.
3. Finn den avsluttende </body>-taggen nesten nederst i filen. Lim inn følgende kode over den avsluttende </body>-taggen:

<script>
  if(Storage !== undefined) {

    var defaultLink = "/collections/all";

    {% if template contains 'collection' %}
      sessionStorage.collection = "{{ collection.url }}";
    {% endif %}

    {% if template contains 'cart' %}
      if( !sessionStorage.collection ) {
        sessionStorage.collection = defaultLink;
      }
      document.getElementById("continue-shopping").href = sessionStorage.collection;
    {% endif %}

    }
</script>

1. Klikk på Lagre.

Legg til knappestil (valgfritt)

Hvis du bruker et gratis Shopify-tema, kan du legge til stiler på Fortsett å handle-koblingen slik at den ser ut som en knapp. Ved å legge til en klasse-attributt i koden for knappekoblingen, kan du få knappen til å samsvare med andre knapper i temaet. Alle gratis Shopify-temaer bruker samme klassenavn for primære knappestiler, og de fleste bruker også samme klassenavn for sekundære knappestiler.

For å bruke primære knappestiler på Fortsett å handle-koblingen:

Legg til attributten class="btn" i kodelinjen du limte inn for å legge til en Fortsett å handle-kobling. Koden din skal se slik ut:

<a href="/collections/all" title="Continue shopping" class="btn">
  Continue shopping
</a>

Bruk sekundær knappestil på Fortsett å handle-koblingen:

Merk

Hvis du legger til denne klassen, vil det ikke ha noen effekt på Boundless.

Hvis du bruker et gratis tema som ikke er Supply, legger du til attributten class="btn--secondary" på kodelinjen du limte inn i koblingen Fortsett å handle. Koden din skal se slik ut:

<a href="/collections/all" title="Continue shopping" class="btn--secondary">
  Continue shopping
</a>

Hvis du bruker Supply, legger du til attributten class="btn-secondary" til kodelinjen du har limt inn for å legge til en Fortsett å handle-kobling. Koden din skal se ut som dette:

<a href="/collections/all" title="Continue shopping" class="btn-secondary">
  Continue shopping
</a>