Shop Promise'ı ürün sayfanızda görüntüleme
Shop Promise rozeti, beş takvim günü veya daha kısa sürede Amerika Birleşik Devletleri içinde teslim edileceği tahmin edilen, koşullara uygun teslimatlar için teslim tarihlerinin yanında ve ürün sayfalarında görüntülenir. Bu rozet, müşterilere siparişlerinin hızlı ve güvenilir teslimat içerdiğini bildirir.
Shop Promise'ı etkinleştirdikten sonra, Shop Promise rozetinin doğru şekilde görüntülendiğini doğrulamak için tema düzenleyicinizi kullanarak ürün sayfasına gitmeniz gerekir.
Rozet doğru şekilde görüntülenmiyorsa mağazanızda hızlandırılmış ödeme düğmelerinin etkinleştirildiğinden emin olun. Ayrıca Shop Promise rozetinin görünümünü özelleştirmek için çeşitli seçenekleriniz vardır.
Bu sayfada
Shop Promise modülünü manuel olarak konumlandırma
Tema kodunu okuma ve düzenleme konusunda sorun yaşamıyorsanız değişiklik yapılacak yerleri belirleyebilir ve ürün sayfasını güncelleyebilirsiniz.
Değişiklik yapılacak yerleri belirleme
Shop Promise modülünün kodunun, ürün sayfasındaki ürün formuna eklenmesi gerekir. Bu form, {%- form 'product', product -%} koduna benzer olmalıdır. Shop Promise modülü, temanıza bağlı olarak çeşitli konumlarda bulunabilir. Yaygın konumlar şunlardır:
main-product.liquidproduct-form.liquidproduct-template.liquidproduct.liquid
Ürün sayfasını güncelleme
Adımlar:
Masaüstü
Shopify yöneticinizden Online Store > Themes bölümüne gidin.
Düzenlemek istediğiniz temayı bulun, işlem menüsünü açmak için
simgesine ve ardından Kodu düzenle'ye tıklayın.İlgili dosyayı açın.
{%- if block.settings.show_dynamic_checkout -%}veya{{ form | payment_button }}içeren satırı bulun.{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}satırının hemen altına yeni bir satır oluşturun ve bu satıra aşağıdakini yapıştırın:
<div class="delivery-promise__promise-container"></div>- Kaydet'e tıklayın.
Sonuç aşağıdakine benzer olmalıdır:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>Mobil
Shopify app üzerinden
simgesine dokunun.Satış kanalları bölümünde Online Mağaza > Tüm temaları yönet seçeneğine dokunun.
Düzenlemek istediğiniz temayı bulun, işlem menüsünü açmak için … düğmesine dokunun ve ardından Kodu düzenle'ye dokunun.
İlgili dosyayı açın.
{%- if block.settings.show_dynamic_checkout -%}veya{{ form | payment_button }}içeren satırı bulun.{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}satırının hemen altına yeni bir satır oluşturun ve bu satıra aşağıdakini yapıştırın:
<div class="delivery-promise__promise-container"></div>- Kaydet'e veya ✓ simgesine dokunun.
Sonuç aşağıdakine benzer olmalıdır:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>Shop Promise modülü temasını manuel olarak geçersiz kılma
Shop Promise modülünün koyu ve açık teması vardır. Modül, ürün sayfasının arka plan rengine kıyasla en yüksek kontrast oranına sahip olan temayı otomatik olarak kullanır.
Tema kodunu okuma ve düzenleme konusunda sorun yaşamıyorsanız Shop Promise modülünü manuel olarak konumlandırmak için kullanılan bağlantı öğesine bir veri özelliği ekleyerek modülün seçili temasını geçersiz kılabilirsiniz.
Değişiklik yapmadan önce, yaptığınız değişiklikleri kolayca geri alabilmek için temanızı çoğaltın ve kopya temayı düzenleyin.
Adımlar:
Masaüstü
- Ürün sayfanızda Shop Promise modülünü manuel olarak konumlandırma talimatlarını izleyin ve ardından tema düzenleyiciyi açık bırakın.
- Yeni oluşturduğunuz bağlantı öğesine dark veya light olarak ayarlanmış bir tema veri özelliği ekleyin.
- Kaydet'e tıklayın.
Sonuç aşağıdakilerden birine benzer olmalıdır:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Veya
<div class="delivery-promise__promise-container" data-theme="light"></div>Mobil
- Ürün sayfanızda Shop Promise modülünü manuel olarak konumlandırma talimatlarını izleyin ve ardından tema düzenleyiciyi açık bırakın.
- Yeni oluşturduğunuz bağlantı öğesine dark veya light olarak ayarlanmış bir tema veri özelliği ekleyin.
- Kaydet'e dokunun.
Sonuç aşağıdakilerden birine benzer olmalıdır:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Veya
<div class="delivery-promise__promise-container" data-theme="light"></div>Promise modülü için özel HTML veya liquid ekleme
Temanız özel blokları destekliyorsa tema kodunu düzenlemeden ürün sayfanıza Shop Promise modülünü eklemek için özel bir Liquid bloğu kullanabilirsiniz.
Özel bir Liquid bloğu kullanarak Promise modülünü ekleme adımları:
Masaüstü
Shopify yöneticinizden Online Store > Themes bölümüne gidin.
Düzenlemek istediğiniz temayı bulun ve Temayı düzenle'ye tıklayın.
Üst menü çubuğundaki şablon seçiciyi kullanarak bir ürün sayfasına gidin.
Kenar çubuğu menüsünde Ürün bilgileri bölümünü bulun.
Blok ekle'ye tıklayın ve mevcut bloklar listesinden özel Liquid'i seçin.
Özel Liquid metin alanına aşağıdaki kodu yapıştırın:
<div class="delivery-promise__promise-container"></div>- Bloğu, istediğiniz konuma (genellikle Satın al düğmeleri bloğunun altına) sürükleyerek konumlandırın.
- Değişikliklerinizi uygulamak için Kaydet'e tıklayın.
Bir tema tercihi (koyu veya açık) belirtmek isterseniz bunun yerine aşağıdakilerden birini kullanın:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Veya
<div class="delivery-promise__promise-container" data-theme="light"></div>Mobil
Shopify app üzerinden
simgesine dokunun.Satış kanalları bölümünde Online Mağaza > Tüm temaları yönet seçeneğine dokunun.
Etkin temanızı bulun ve Temayı düzenle'ye dokunun.
Üst kısımdaki şablon seçiciyi kullanarak bir ürün sayfasına gidin.
Ürün bilgileri bölümüne dokunun.
Blok ekle'ye dokunun ve Özel Liquid'i seçin.
Özel Liquid metin alanına aşağıdaki kodu yapıştırın:
<div class="delivery-promise__promise-container"></div>- Bloğu, istediğiniz konuma (genellikle Satın al düğmeleri bloğunun altına) sürükleyerek konumlandırın.
- Değişikliklerinizi uygulamak için Kaydet'e dokunun.
Bir tema tercihi (koyu veya açık) belirtmek isterseniz bunun yerine aşağıdakilerden birini kullanın:
<div class="delivery-promise__promise-container" data-theme="dark"></div>Veya
<div class="delivery-promise__promise-container" data-theme="light"></div>Shop Promise rozeti için desteklenen diller
Shop Promise rozetinin görüntülenebildiği diller için aşağıdaki tabloya bakın. Mağazanızın dili desteklenmiyorsa Shop Promise rozeti İngilizce olarak görüntülenir.
| Çince (Basitleştirilmiş) | Çince (Geleneksel) | Hırvatça | Çekçe |
| Danca | Felemenkçe | İngilizce | Fince |
| Fransızca | Almanca | Yunanca | Hintçe |
| Macarca | Endonezce | İtalyanca | Japonca |
| Korece | Litvanca | Malayca | Norveççe (Bokmål) |
| Lehçe | Portekizce (Brezilya) | Portekizce (Portekiz) | Rumence |
| Rusça | Slovakça | Slovence | İspanyolca |
| İsveççe | Tayca | Türkçe | Vietnamca |