Sepetinize teslim tarihi seçicisi ekleme

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 Online Store 2.0 temalarına yöneliktir ve vintage Shopify temalarına uygulanamaz. Temanızın mimari sürümünü öğrenin.

Sepet sayfanıza, müşterilerin siparişleri için teslim tarihi belirtmelerini sağlayan bir takvim ekleyebilirsiniz.

Uyarı: Bu özelleştirme, sepet çekmecesi veya açılır sepet stilleri için çalışmayacak ve yalnızca (your-store.com/cart URL'sindeki) sepet sayfası için çalışacaktır. Sepet çekmecesi veya açılır sepet kullanıyorsanız sepet stilinizi, tema düzenleyicisinden Sayfa olarak değiştirmeniz gerekir. Tema önizlemenizde sepetinize ürün ekleyin ve sepet ayarlarınızı görmek için tema düzenleyicisindeki Sepet sayfası sekmesine tıklayın.

theme.liquid temanıza jQuery ekleme

Bu özelleştirmenin çalışması için bazı temalar, theme.liquid düzen dosyasına jQuery için bir komut etiketi eklenmesini gerektirir. Ücretsiz bir Shopify Online Store 2.0 teması kullanıyorsanız bir sonraki adımı uygulamanız gerekebilir:

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

2. Koddaki kapatma </head> etiketini bulun. Kapatma </head> etiketinin tam üzerindeki yeni satıra aşağıdaki kodu yapıştırın:

{{ '//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js' | script_tag }}

1. Kaydet'e tıklayın.

Teslim tarihi parçacığı oluşturma

Teslim tarihi seçiciniz için bir parçacık oluşturmak için:

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. Snippets (Parçacıklar) dizininde Yeni bir parçacık ekle'ye tıklayın.

4. Parçacık oluşturun:

   1. Parçacığınızı adlandırın delivery-date
   2. Parçacık oluştur'a tıklayın. Yeni parçacık dosyası, kod düzenleyicisinde açılır.

5. Yeni delivery-date.liquid parçacığınız içerisine aşağıdaki kodu yapıştırın:

1. 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. Snippets (Parçacıklar) dizininde Yeni bir parçacık ekle'ye tıklayın.

6. Parçacık oluşturun:

   1. Parçacığınızı adlandırın delivery-date
   2. Parçacık oluştur'a tıklayın. Yeni parçacık dosyası, kod düzenleyicisinde açılır.

7. Yeni delivery-date.liquid parçacığınız içerisine aşağıdaki kodu yapıştırın:

1. Kaydet'e 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. Snippets (Parçacıklar) dizininde Yeni bir parçacık ekle'ye tıklayın.

6. Parçacık oluşturun:

   1. Parçacığınızı adlandırın delivery-date
   2. Parçacık oluştur'a tıklayın. Yeni parçacık dosyası, kod düzenleyicisinde açılır.

7. Yeni delivery-date.liquid parçacığınız içerisine aşağıdaki kodu yapıştırın:

1. Kaydet'e tıklayın.

Parçacığı sepet sayfanıza ekleme

Teslim tarihi parçacığınızı sepet sayfanıza eklemek için:

1. Bölümler dizininde main-cart-items.liquid öğesine tıklayın.

2. Koddaki kapatma </form> etiketini bulun. Kapatma </form> etiketinin tam üzerindeki yeni satıra aşağıdaki kodu yapıştırın:

{% render 'delivery-date' %}

1. Kaydet'e tıklayın.

Artık sepet sayfanızda bir teslim tarihi giriş alanı vardır. Metin alanının içine tıkladığınızda bir takvim görünecektir:

Bu özelleştirmede kullanılan tarih seçici, jQuery UI kitaplığından gelen bir widget'tır.