Sepetinize alışverişe devam et bağlantısı ekleyin

Bu sayfanın yazdırılma zamanı: Mar 22, 2023. Geçerli sürüm için https://help.shopify.com/tr/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-back-link adresini ziyaret edin.

Alışveriş sepeti sayfanıza, müşterilerin sepete bir şey ekledikten sonra ürünlere kolayca geri dönmelerini sağlayan bir Alışverişe devam et bağlantısı ekleyebilirsiniz. Müşterileri katalog sayfanıza, ana sayfanıza veya baktıkları son koleksiyon sayfasına geri götürecek bir bağlantı eklemeyi seçebilirsiniz.

Alışverişe devam et

Sepet sayfanıza Alışverişe devam et bağlantısı ekleme

Sepet sayfanıza Alışverişe devam et bağlantısı eklemek için:

  1. Shopify yöneticinizden Online Mağaza > Temalar'a gidin.

  2. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için ... düğmesine ve ardından Kodu düzenle'ye tıklayın.

  1. Shopify uygulamasındanMağaza'ya dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için ... düğmesine ve ardından Kodu düzenle'ye tıklayın.

  1. Shopify uygulamasındanMağaza'ya dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için ... düğmesine ve ardından Kodu düzenle'ye tıklayın.

  1. Bölümler dizininde cart-template.liquid öğesine tıklayın. Temanızda bu dosya yoksa, Şablonlar dizinindeki cart.liquid öğesine tıklayın.

  2. name="checkout" dosyasını arayarak Ödeme düğmesinin kodunu bulun. Ödeme düğmesinin kod satırı temadan temaya değişiklik gösterir, ancak şöyle görünür:

<button type="submit" id="checkout" name="checkout" class="btn">
  {{ 'cart.general.checkout' | t }}
</button>
  1. Sonraki adım, Alışverişe devam et bağlantısını oluşturmak için yeni bir kod satırı yapıştırmaktır. Yapıştırdığınız kod, bağlantının hangi sayfaya gitmesini istediğinize bağlıdır: 
<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. Kaydet'e tıklayın. Katalog sayfanıza veya ana sayfanıza giden bir bağlantı eklediyseniz, işlem tamamdır. Görüntülenen son koleksiyona giden bir bağlantı eklediyseniz, tema kodunuza biraz JavaScript eklemeniz gerekir. Sonraki adımları takip edin.

  2. Düzen dizininde theme.liquid seçeneğine tıklayın.

  3. Dosyanın alt taraflarındaki kapatma </body> etiketini bulun. Kapatma </body> etiketinin üzerine aşağıdaki kodu yapıştırın:

<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. Kayıtyap ' a tıklayın.

Düğme stili ekleme (isteğe bağlı)

Ücretsiz bir Shopify teması kullanıyorsanız, bunu düğme gibi göstermek için Alışverişe devam et bağlantısına stil uygulayabilirsiniz. Düğme bağlantınızın koduna bir sınıf özelliği ekleyerek, düğmenizin temanızdaki diğer düğmelerin stiliyle eşleşmesini sağlayabilirsiniz. Tüm ücretsiz Shopify temaları, birincil düğme stilleri için aynı sınıf adını kullanır ve çoğu, ikincil düğme stilleri için aynı sınıf adını kullanır.

Alışverişe devam et bağlantınıza birincil düğme stili uygulamak için:

Alışverişe devam et bağlantısı eklemek için yapıştırmış olduğunuz kod satırına class="btn" özelliği ekleyin. Kodunuz şu şekilde olmalı:

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

Alışverişe devam et bağlantınıza ikincil düğme stili uygulamak için:

Not: Bu sınıfı eklemenin Boundless temasında bir etkisi olmayacaktır.

Supply değil, ücretsiz bir tema kullanıyorsanız, Alışverişe devam et bağlantısı eklemek için yapıştırmış olduğunuz kod satırına class="btn--secondary" özelliği ekleyin. Kodunuz şu şekilde olmalı:

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

Supply kullanıyorsanız, bir Alışverişe devam et bağlantısı eklemek için yapıştırdığınız kod satırına class="btn-secondary" özelliğini ekleyin. Kod şu şekilde gözükmelidir:

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

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene