Legg til en kobling i handlekurven for å fortsette å handle

Du kan legge til en Fortsett å handle-kobling på handlekurvsiden, som lar kundene enkelt 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å.

Fortsett å handle

Legg til en Fortsett å handle-kobling på handlekurvsiden

For å legge til en Fortsett å handle-kobling på handlekurvsiden:

  1. I Seksjoner-katalogen klikker du på cart-template.liquid. Hvis temaet ditt ikke har denne filen, klikker du på cart.liquid i Maler-katalogen.

  2. 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:
<a href="/collections/all" title="Continue shopping">Continue shopping</a>
### For a link that goes to your home page

To add a link that goes to your home page, paste the following code on a new line either before or after the code for the **Checkout** button:
<a href="/" title="Continue shopping">Continue shopping</a>
### For a link that goes to the last collection viewed

To add a link that goes to the last collection viewed, paste the following code on a new line either before or after the code for the **Checkout** button:
<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:

Hvis du bruker et gratis tema som ikke er Supply, legger du til attributten class="btn--secondary" 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--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>

Er du klar til å begynne å selge med Shopify?

Prøv det gratis