Sepete ekle düğmelerini gizleme

Not

Shopify'ın ücretsiz bir temasını kullanıyorsanız bu eğitimle ilgili yardım almak için Shopify Destek ekibi ile iletişime geçebilirsiniz. 15 dakikalık tasarım süresi gerekir. Daha fazla bilgi edinmek için Temalar için destek bölümüne bakın.

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

Sepete ekle düğmelerinizi vitrininde gizleyebilirsiniz ve bunları gelecekte tekrar gösterebilirsiniz.

Not: Bu özelleştirme, dinamik ödeme düğmeleriyle uyumlu değildir. Temanız dinamik ödemeyi destekliyorsa ürün sayfalarında dinamik ödeme düğmelerini gizleme adımlarını takip ederek düğmelerin gösterilmesini engelleyin.

Bölümlere ayrılmış ve ayrılmamış temalar

Not: Bu eğitimin adımları bölümlere ayrılmış tema bir tema mı yoksa bölümlere ayrılmamış bir tema mı kullandığınıza bağlı olarak değişiklik gösterir. Bölümlere ayrılmış temada, ana sayfanızın düzenini değiştirmeniz için öğeleri sürükleyip bırakabilirsiniz. Bu işlemi bölümlere ayrılmamış temada yapamazsınız.

Temanızın, bölümleri destekleyip desteklemediğini öğrenmek için temanızın Kodu düzenle sayfasına gidin. Bölümler dizininde dosyalar varsa bu, bölümlendirilmiş bir tema kullandığınız anlamına gelir. Bölümlendirilmemiş temalar Ekim 2016'dan önce kullanıma sunulmuştur ve Bölümler dizininde bu temaların dosyaları yoktur.

Bölümlendirilmiş bir tema kullanıyorsanız Sectioned themes (Bölümlendirilmiş temalar) düğmesine tıklayın ve talimatları izleyin. Daha eski ve bölümlendirilmemiş bir tema kullanıyorsanız Non-sectioned themes (Bölümlendirilmemiş temalar) düğmesine tıklayın ve talimatları izleyin.

---

Sectioned themes

Masaüstü

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.

iPhone

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.

Android

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 product-template.liquid dosyanıza tıklayın. Sepete ekle düğmesinin HTML kodunu bulun. Başlangıç için sepet kelimesini aratabilirsiniz.

Sepete ekle düğmesinin kodu temaya göre değişiklik gösterir. Add to cart, AddToCart veya add-to-cart metinlerine sahip <input> veya <button> etiketlerini bulun.

Debut temasında, sepete ekle düğmesi kodu aşağıdaki gibi gözükmektedir:

<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>

1. Kodu Liquid {% comment %} ve {% endcomment %} etiketleri arasına alın. Bu, kodun mağazanızda görünmesini engelleyecektir fakat şablon değiştirmek istediğiniz zaman kolaylıkla geri koymanızı sağlayacaktır.

Yukarıdaki örnek kullanıldığında yeni kod aşağıdaki gibi olur:

{% comment %}
<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>
{% endcomment %}

Dikkat

Ürün sayfanızdaki <form> etiketlerini yorum içerisine almadığınızdan emin olun. Yorum etiketleriniz herhangi bir <form> veya </form> etiketinde yer almamalıdır. Aksi takdirde müşteriler, ürün sayfanızı görüntülerken hatalarla karşılaşabilir.

1. Değişikliklerinizi onaylamak için Kaydet'e tıklayın.

Sepete ekle düğmelerinizi tekrar göstermek istediğinizde HTML/CSS sayfasını düzenle içerisindeki product-template.liquid dosyanıza geri gidin, {% comment %} ve {% endcomment %} etiketlerini kaldırın ve Kaydet'e tıklayın.

Non-sectioned themes

Masaüstü

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.

iPhone

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.

Android

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. Şablonlar dizininde product.liquid dosyanıza tıklayın. Sepete ekle düğmesinin HTML kodunu bulun. Başlangıç için sepet kelimesini aratabilirsiniz.

Sepete ekle düğmesinin kodu temaya göre değişiklik gösterir. Add to cart, AddToCart veya add-to-cart metinlerine sahip <input> veya <button> etiketlerini bulun.

Minimal temasında sepete ekle düğmesi aşağıdaki gibi gözükmektedir:

<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>

1. Kodu Liquid {% comment %} ve {% endcomment %} etiketleri arasına alın. Bu, kodun mağazanızda görünmesini engelleyecektir fakat şablon değiştirmek istediğiniz zaman kolaylıkla geri koymanızı sağlayacaktır.

Yukarıdaki örnek kullanıldığında yeni kod aşağıdaki gibi olur:

{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}

Dikkat

Ürün sayfanızdaki <form> etiketlerini yorum içerisine almadığınızdan emin olun. Yorum etiketleriniz herhangi bir <form> veya </form> etiketinde yer almamalıdır. Aksi takdirde müşteriler, ürün sayfanızı görüntülerken hatalarla karşılaşabilir.

1. Değişikliklerinizi onaylamak için Kaydet'e tıklayın.

Sepete ekle düğmenizi göstermeye hazır olduğunuzda, HTML/CSS sayfasını düzenle üzerindeki product.liquid şablonunuza dönerek {% comment %} ve {% endcomment %} etiketlerini kaldırın ve Kaydet seçeneğine tıklayın.