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

Dikkat

Vintage temalar Theme Store'da bulunmaz. Vintage temalar, Shopify'ın Online Store 2.0 temalarında yer alan özellikleri içermez ve Shopify'ın ücretsiz vintage temaları, güvenlik düzeltmelerinin dışında güncelleme almaz.

Not

Shopify'ın ücretsiz temalarından birini kullanıyorsanız bu eğitimle ilgili yardım almak için Shopify Destek ekibiyle iletişime geçebilirsiniz. 15 dakikalık bir tasarım süresi gerekir. Shopify Tasarım Politikası hakkında daha fazla bilgi edinin.

Not

Bu özelleştirme, vintage Shopify temaları içindir ve Online Store 2.0 temalarına uygulanmaz.

• Temanızın mimari sürümünü öğrenin
• Online Store 2.0 tema özelleştirmelerini keşfedin

Alışveriş sepeti sayfanıza, müşterilerin sepete bir şey ekledikten sonra ürünlere 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.

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

Masaüstü

1. Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
2. Düzenlemek istediğiniz temayı bulun, işlemler menüsünü açmak için … düğmesine, ardından Kodu düzenle'ye tıklayın.
3. Bölümler dizininde cart-template.liquid öğesine tıklayın. Temanızda bu dosya yoksa, Şablonlar dizinindeki cart.liquid öğesine tıklayın.
4. 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>

 5. Sonraki adım, Alışverişe devam et bağlantısı 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: * Katalog sayfanıza giden bir bağlantı eklemek için Ödeme düğmesinin kodundan önce veya sonra, yeni bir satıra aşağıdaki kodu yapıştırın :

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

• Ana sayfanıza giden bir bağlantı eklemek için aşağıdaki kodu Ödeme düğmesi kodunun öncesinde veya sonrasında yeni bir satıra yapıştırın:

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

• Görüntülenen son koleksiyona giden bir bağlantı eklemek için aşağıdaki kodu Ödeme düğmesi kodundan öncesinde veya sonrasında yeni bir satıra yapıştırın:

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

 6. Kaydet'e tıklayın. Katalog sayfanıza veya ana sayfanıza giden bir bağlantı eklediyseniz işlem tamamlanmıştır. Görüntülenen son koleksiyona giden bir bağlantı eklediyseniz tema kodunuza bazı JavaScript kodları eklemeniz gerekir. Sonraki adımlara geçin.

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

 8. Dosyanın alt kısmı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>

 9. Kaydet'e tıklayın.

iPhone

1. Shopify uygulamasında, … düğmesine 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, ardından Kodu düzenle'ye tıklayın.
5. Bölümler dizininde cart-template.liquid öğesine tıklayın. Temanızda bu dosya yoksa, Şablonlar dizinindeki cart.liquid öğesine tıklayın.
6. 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:
   • Katalog sayfanıza giden bir bağlantı eklemek için aşağıdaki kodu **Ödeme* düğmesi kodunun öncesinde veya sonrasında yeni bir satıra yapıştırın:

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

• Ana sayfanıza giden bir bağlantı eklemek için aşağıdaki kodu Ödeme düğmesi kodunun öncesinde veya sonrasında yeni bir satıra yapıştırın:

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

• Görüntülenen son koleksiyona giden bir bağlantı eklemek için aşağıdaki kodu Ödeme düğmesi kodundan öncesinde veya sonrasında yeni bir satıra yapıştırın:

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

Android

1. Shopify uygulamasında, … düğmesine 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, ardından Kodu düzenle'ye tıklayın.
5. Bölümler dizininde cart-template.liquid öğesine tıklayın. Temanızda bu dosya yoksa, Şablonlar dizinindeki cart.liquid öğesine tıklayın.
6. 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:
   • Katalog sayfanıza giden bir bağlantı eklemek için aşağıdaki kodu **Ödeme* düğmesi kodunun öncesinde veya sonrasında yeni bir satıra yapıştırın:

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

• Ana sayfanıza giden bir bağlantı eklemek için aşağıdaki kodu Ödeme düğmesi kodunun öncesinde veya sonrasında yeni bir satıra yapıştırın:

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

• Görüntülenen son koleksiyona giden bir bağlantı eklemek için aşağıdaki kodu Ödeme düğmesi kodundan öncesinde veya sonrasında yeni bir satıra yapıştırın:

<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ına bir etkisi olmaz.

Supply dışında ücretsiz bir tema 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. Kodunuzun şu şekilde görünmesi gerekir:

<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>