Lisää ostoskoriisi Jatka ostoksia ‑linkki

Huomio

Vanhoja teemoja ei ole saatavilla Theme Storessa.Näissä teemoissa ei ole Shopifyn Online Store 2.0 -teemoihin sisältyviä ominaisuuksia, eikä niihin tehdä muita päivityksiä kuin turvallisuuskorjauksia.

Huomaa

Jos käytät Shopifyn ilmaista teemaa, voit ottaa yhteyttä Shopify-tukeen tutoriaaliin liittyvissä asioissa. Tähän tarvitaan 15 minuuttia suunnitteluaikaa. Lisätietoja on kohdassa Teemojen tuki.

Huomaa

tämä mukautus koskee vain vanhoja Shopify-teemoja, eikä sitä sovelleta Online Store 2.0 -teemoihin.

• Selvitä teemasi arkkitehtuuriversio
• Tutustu Online Store 2.0:n teemojen mukauttamiseen

Voit lisätä ostoskorisivullesi Jatka ostoksia ‑linkin, jonka avulla asiakkaat voivat helposti palata selailemaan tuotteita, sen jälkeen kun he ovat lisänneet jotakin ostoskoriinsa. Voit valita, mihin lisättävä linkki palauttaa asiakkaat: tuoteluettelosivullesi, etusivullesi vai kokoelmasivulle, jota he katselivat viimeksi ennen ostoskoriin siirtymistä.

Jatka ostoksia ‑linkin lisääminen ostoskorisivullesi

Näin voit lisätä ostoskorisivullesi Jatka ostoksia ‑linkin:

Tietokone

1. Valitse Shopifyn Admin-sivulla Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

1. Klikkaa Osat-hakemistossa kohtaa cart-template.liquid. Jos teemassasi ei ole tätä tiedostoa, valitse silloin Mallit-hakemistosta cart.liquid.

2. Etsi Kassa-painikkeen koodi hakemalla tiedostosta kohta name="checkout". Kassapainikkeen koodirivi vaihtelee teeman mukaan, mutta se näyttää suurin piirtein tältä:

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

1. Seuraava vaihe on liittää uusi koodirivi Jatka ostoksia ‑linkin luomiseksi. Liitettävä koodi riippuu siitä, mihin sivuun haluat linkin vievän:

<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. Valitse Tallenna. Jos lisäsit tuoteluettelosivullesi tai etusivullesi vievän linkin, olet valmis. Jos lisäsit viimeksi katsottuun kokoelmaan vievän linkin, sinun on lisättävä teemasi koodiin JavaScriptiä. Jatka seuraavien vaiheiden mukaisesti.

2. Valitse Ulkoasu-luettelosta theme.liquid.

3. Etsi lähellä tiedoston alareunaa oleva lopputunniste </body>. Liitä seuraava koodi lopputunnisteen </body> alle:

<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. Klikkaa Tallenna.

Painikkeen muotoilun lisääminen (valinnainen)

Jos käytät ilmaista Shopify-teemaa, voit lisätä Jatka ostoksia ‑linkkiisi muotoilun, jotta se näyttää painikkeelta. Jos lisäät painikelinkkisi koodiin luokkamääritteen, voit tehdä painikkeesta teemasi muiden painikkeiden tyylisen. Kaikissa ilmaisissa Shopify-teemoissa käytetään samaa luokkanimeä ensisijaisissa painiketyyleissä, ja useimmissa käytetään samaa luokkanimeä toissijaisissa painiketyyleissä.

Näin voit lisätä ensisijaisen painikkeen tyylin Jatka ostoksia ‑linkkiisi:

Lisää määrite class="btn" liittämällesi koodiriville, jotta voit lisätä Jatka ostoksia ‑linkin. Koodisi pitäisi näyttää tältä:

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

Näin voit lisätä toissijaisen painikkeen tyylin Jatka ostoksia ‑linkkiisi:

Huomautus: tämän luokan lisääminen ei vaikuta Boundless-teemaan.

Jos käytät muuta ilmaisteemaa kuin Supply-teemaa, lisää määrite class="btn--secondary" liittämällesi koodiriville lisätäksesi Jatka ostoksia ‑linkin. Koodisi pitäisi näyttää tältä:

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

Jos käytät Supply-teemaa, lisää määrite class="btn-secondary" liittämällesi koodiriville lisätäksesi Jatka ostoksia ‑linkin. Koodisi pitäisi näyttää tältä:

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