Müşterilerin bir seçenek seçmesini sağlayın

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

Müşteri online mağazanızdaki bir ürün sayfasını ziyaret ettiğinde varsayılan olarak, kullanılabilir ilk varyasyon seçilir. Kullanılabilir ilk varyasyonu otomatik olarak seçme özelliğini devre dışı bırakmak için Müşterilerin bir seçenek seçmesini sağlayın kişiselleştirmesini kullanabilirsiniz. Bunu yaptığınızda, bir varyasyon gösterilmeden önce müşteriden manuel olarak bir varyasyon seçmesi istenir.

Müşterilerin bir seçenek seçmesini sağlayın kişiselleştirmesini kullanırsanız temanız, müşteriniz bir varyasyon seçinceye kadar ürün fiyatını göstermeyebilir. Varyasyonları olan ürünlerin öne çıkan bir fiyatı yoktur ve gösterilen fiyat, seçilen varyasyona göre belirlenir.

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.

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

Varyasyon açılan menülerinize komutlar ekleyin.

1. Snippets (Parçacıklar) dizininde Yeni bir parçacık ekle'ye tıklayın.
2. Yeni parçacığınızı pick-an-option olarak adlandırın.
3. Yeni parçacık dosyanıza, GitHub'da barındırılan bu kodu yapıştırın.
4. Kayıtyap ' a tıklayın.
5. Düzen dizininde theme.liquid seçeneğine tıklayın.
6. Dosyanın alt taraflarındaki kapatma </body> etiketini bulun. Kapatma </body> etiketinin tam üzerindeki yeni satıra aşağıdaki kodu yapıştırın:

{% render 'pick-an-option' %}

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

2. Sepete ekle formunu içeren dosyayı bulun. Bu dosyanın /cart/add olarak ayarlanmış bir action özelliği olacaktır. Bu, şu dört dosyadan birinde olmalıdır:

   • Şablonlar bölümündeki product.liquid şablonu
   • Düzen bölümündeki theme.liquid düzeni
   • Snippets (Parçacıklar) bölümündeki product.liquid parçacığı
   • Snippets (Parçacıklar) bölümündeki single-product.liquid parçacığı

3. Formun içinde şu kodu bulun:

<option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

Alternatif olarak, formun içinde şu kodu bulun:

<option {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

Kodu, aşağıdaki kod bloğuyla değiştirin:

<option {% if forloop.length <= 1 and variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

Minimal, Pop veya Supply'ı kullanıyorsanız aşağıdaki kodun geçtiği tüm örnekleri bulun:

{% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}

Kodu, aşağıdaki kod bloğuyla değiştirin:

{% assign featured_image = product.selected_variant.featured_image | default: product.featured_image %}

Diğer herhangi bir vintage Shopify temasını kullanıyorsanız aşağıdaki kodu bulun:

{% assign current_variant = product.selected_or_first_available_variant %}

Kodu, aşağıdaki kod bloğuyla değiştirin:

{% assign current_variant = product.selected_variant %}

Kayıtyap ' a tıklayın.

Sepete ekle düğmesinin dil ayarlarını değiştirme

Müşteri bir ürün seçmeden önce ürünlerin Kullanım dışı olarak gösterilmesini önlemek için Sepete ekle düğmesinin dil ayarlarını değiştirebilirsiniz.

Adımlar:

1. Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
2. Düzenlemek istediğiniz temayı bulun ve ... > Varsayılan tema içeriğini düzenle'ye tıklayın.
3. Öğeleri filtrele arama çubuğunda, Kullanım dışı çevirisini görüntülemek için kullanım dışı yazmaya başlayın.
4. Kullanım dışı metnini Bir seçim yapın ifadesiyle değiştirin.
5. Kayıtyap ' a tıklayın.