Tükenen varyasyonları gizle

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 bir temasını 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

Ürün sayfasında bu varyasyonları kaldırarak veya devre dışı bırakarak müşterilerin tükenen varyasyonları seçmesini önleyebilirsiniz.

Sınırlamalar

Bu sayfada özetlenen özelleştirmeler aşağıdaki durumlar için geçerli değildir:

• Ürünlerinizin birden fazla ürün seçeneği varsa.
• Express temasını kullanıyorsanız ve ürün sayfasını, ürünlerin yer paylaşımlı olarak gösterileceği şekilde ayarladıysanız.

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.

Bölümlere ayrılmış temalar için adımlar

Temanızı seçme

Bu özelleştirmeye yönelik adımlar, temanıza göre değişiklik gösterir. Aşağıdaki talimatları uygulamadan önce temanıza ilişkin düğmeye tıklayın:

Bölümlere ayrılmamış temalar için adımlar

Tükenen varyasyonları gizle

Bölümlere ayrılmamış bir tema kullanıyorsanız ürün sayfasında tükenen varyasyonları gizlemek için aşağıdaki adımları takip edebilirsiniz.

Adımlar:

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. Snippets (Parçacıklar) dizininde Yeni bir parçacık ekle'ye tıklayın.
4. Yeni parçacığınızı remove-sold-out olarak adlandırın:

   

5. Yeni parçacık dosyanıza aşağıdaki kodu yapıştırın:

{% if product.options.size == 1 %}
<script>
  const addToCartForm = document.querySelector('form[action="/cart/add"]');
  if (window.MutationObserver && addToCartForm !== null) {
    if (typeof observer === 'object' && typeof observer.disconnect === 'function') {
      observer.disconnect();
    }
    var config = { childList: true, subtree: true };
    var observer = new MutationObserver(function() {
      let variantOptions = Array.from(document.querySelectorAll('.single-option-selector option'));
      {% for variant in product.variants %}
      {% unless variant.available %}
      variantOptions.forEach(function(element) {
        if (element.value === {{ variant.title | json }}) {
            element.remove();
        }
      });
      {% endunless %}
      {% endfor %}
      observer.disconnect();
    });
    observer.observe(addToCartForm, config);
  }
</script>
{% endif %}

1. Kayıtyap ' a tıklayın.
2. Düzen dizininde theme.liquid seçeneğine tıklayın.
3. Dosyanın sonuna yakın, </body> kapanış etiketinden hemen önce aşağıdaki kodu yapıştırın:

{% render 'remove-sold-out' %}

1. Kayıtyap ' a tıklayın.

Tükenen varyasyonları devre dışı bırakma

Bölümlere ayrılmamış bir tema kullanıyorsanız ürün sayfasında tükenen varyasyonları devre dışı bırakmak için aşağıdaki adımları takip edebilirsiniz. Varyasyonlar ürün sayfasında gösterilmeye devam eder ancak seçilemez.

Adımlar:

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. Snippets (Parçacıklar) dizininde Yeni bir parçacık ekle'ye tıklayın.
4. Yeni parçacığınızı disable-sold-out olarak adlandırın:

   

5. Yeni parçacık dosyanıza aşağıdaki kodu yapıştırın:

{% if product.options.size == 1 %}
<script>
  const addToCartForm = document.querySelector('form[action="/cart/add"]');
  if (window.MutationObserver && addToCartForm !== null) {
    if (typeof observer === 'object' && typeof observer.disconnect === 'function') {
      observer.disconnect();
    }
    var config = { childList: true, subtree: true };
    var observer = new MutationObserver(function() {
      let variantOptions = Array.from(document.querySelectorAll('.single-option-selector option'));
      {% for variant in product.variants %}
      {% unless variant.available %}
      variantOptions.forEach(function(element) {
        if (element.value === {{ variant.title | json }}) {
            element.setAttribute('disabled', '');
        }
      });
      {% endunless %}
      {% endfor %}
      observer.disconnect();
    });
    observer.observe(addToCartForm, config);
  }
</script>
{% endif %}

1. Kayıtyap ' a tıklayın.
2. Düzen dizininde theme.liquid seçeneğine tıklayın.
3. Dosyanın sonuna yakın, </body> kapanış etiketinden hemen önce aşağıdaki kodu yapıştırın:

{% render 'disable-sold-out' %}

1. Kayıtyap ' a tıklayın.