Bu bölüm müşterilere ücretsiz kargo sağlıyor mu?

Hayır. Yalnızca yazdığınız eşiğe doğru ilerlemeyi gösterir. Ücretsiz kargonun kendisini Shopify’da tanımlayın: Ayarlar > Kargo ve teslimat altında minimum sipariş tutarı koşullu ücretsiz bir kargo ücreti ya da İndirimler altında bir ücretsiz kargo indirimi oluşturun; ikisinde de bölümdeki eşikle aynı tutarı kullanın.

Hangi sepet toplamını kullanıyor?

Shopify’ın bildirdiği sepet toplamını (total_price): sepet indirimlerinden sonra, kargo ve vergilerden önce. Kargo ücreti koşulunuz farklı bir toplam kullanıyorsa eşiği, ikisi aynı sonucu verecek şekilde ayarlayın.

Ürünler sepet çekmecesinden eklenince güncelleniyor mu?

Evet. Betik, Shopify’ın sepet adreslerine (add, change, update, clear) giden isteklerin tamamlanmasını ve birçok temanın gönderdiği cart:updated olaylarını izler; ardından /cart.js’i yeniden okuyup mesajı ve çubuğu günceller.

Başka para birimlerinde nasıl çalışıyor?

Para birimi kodunu ve tam tutarı girdiğiniz bir Para birimi eşiği bloğu ekleyin, örneğin EUR 70. Blok eklemezseniz mağaza eşiği Shopify’ın güncel kuruyla çevrilir; bu da küsuratlı bir tutara yol açabilir.

Ücretsiz kargoya ulaşılınca ya da sepet boşken gizleyebilir miyim?

Evet, ikisi için de bir ayar var. Boş sepet, ilerleme ve başarı mesajları {remaining} ve {threshold} yer tutucularıyla değiştirip çevirebileceğiniz metinlerdir.

Ücretsiz kargo çubuğu

Canlı sepete ve belirlediğiniz eşiğe göre "Ücretsiz kargoya 23 $ kaldı" mesajı ve ilerleme çubuğu. Sepet çekmecesiyle güncellenir; para birimine göre eşik.

Kategori: Dönüşüm ve kampanyalar
Kullanım yeri: Her sayfa, Sepet, Ürün
Okuduğu veri: Sepet (cart nesnesi ve /cart.js)
Boyut: 17 KB, küçük bir betik içerir
Lisans: MIT, müşteri işlerinde ücretsiz

Markdown olarak görüntüle ChatGPT’de aç Claude’da aç

Kısaca

Ücretsiz kargo çubuğu, müşteriye ücretsiz kargoya ne kadar kaldığını "Ücretsiz kargoya 23,00 $ kaldı" gibi bir mesaj ve ilerleme çubuğuyla gösteren ücretsiz bir Shopify bölümüdür. Kalan tutarı sepet toplamından ve belirlediğiniz eşikten hesaplar. Çubuk sayfa açılırken Liquid ile oluşturulur; tema sepete ürün eklediğinde, sepeti değiştirdiğinde ya da boşalttığında sepet yeniden okunur (/cart.js), böylece çubuk sepet çekmecesiyle birlikte güncellenir. Shopify Markets için para birimine göre ayrı eşik girilebilir. Bölüm yalnızca ilerlemeyi gösterir: ücretsiz kargonun kendisini Shopify’da bir kargo ücreti ya da indirim olarak siz tanımlarsınız. Online Store 2.0 temalarında uygulama olmadan çalışır.

Örnek içerikli demo

Ne zaman kullanılır

Ücretsiz kargo kampanyası süresince her sayfanın üstünde ince bir şerit
Sepet sayfasında ürünlerin üstünde bir kutu
Ürün sayfalarında satın alma alanının altında, sepete ekle düğmesine yakın bir satır

Tema düzenleyicide

Mağaza para biriminde ücretsiz kargo eşiği, diğer para birimleri için Para birimi eşiği blokları
Eşikten önce ({remaining}, {threshold}), eşiğe ulaşınca ve boş sepet için mesajlar
Sepet boşken göster, ücretsiz kargoya ulaşınca gizle
Şerit ya da kutu stili, teslimat simgesi, ekran okuyucu adı olan ilerleme çubuğu
Sayfa ya da tam genişlik, cihaza göre hizalama
Arka plan rengi ya da gradyanı, metin, ilerleme, ray ve kutu renkleri
Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği (anchor ID), hareketli ilerleme

Dosyalar

sections/lib-free-shipping-bar.liquid

İndir

Kodu görün

lib-free-shipping-bar.liquid dosyasını açın

Sade Liquid, CSS ve küçük bir betikle yazıldı. Uygulama da bağımlılık da yok.

Temanıza nasıl eklenir

Bölüm dosyasını temanızın sections klasörüne, listelediği snippet’leri de snippets klasörüne kopyalayın.
Tema düzenleyicide Add section’ı (Bölüm ekle) seçin ve adı “Lib ·” ile başlayan bölümü ekleyin.
Örnek metni mağazanızın kendi metniyle değiştirin, renkleri markanıza göre ayarlayın.

Sık sorulan sorular

Bu bölüm müşterilere ücretsiz kargo sağlıyor mu?: Hayır. Yalnızca yazdığınız eşiğe doğru ilerlemeyi gösterir. Ücretsiz kargonun kendisini Shopify’da tanımlayın: Ayarlar > Kargo ve teslimat altında minimum sipariş tutarı koşullu ücretsiz bir kargo ücreti ya da İndirimler altında bir ücretsiz kargo indirimi oluşturun; ikisinde de bölümdeki eşikle aynı tutarı kullanın.
Hangi sepet toplamını kullanıyor?: Shopify’ın bildirdiği sepet toplamını (total_price): sepet indirimlerinden sonra, kargo ve vergilerden önce. Kargo ücreti koşulunuz farklı bir toplam kullanıyorsa eşiği, ikisi aynı sonucu verecek şekilde ayarlayın.
Ürünler sepet çekmecesinden eklenince güncelleniyor mu?: Evet. Betik, Shopify’ın sepet adreslerine (add, change, update, clear) giden isteklerin tamamlanmasını ve birçok temanın gönderdiği cart:updated olaylarını izler; ardından /cart.js’i yeniden okuyup mesajı ve çubuğu günceller.
Başka para birimlerinde nasıl çalışıyor?: Para birimi kodunu ve tam tutarı girdiğiniz bir Para birimi eşiği bloğu ekleyin, örneğin EUR 70. Blok eklemezseniz mağaza eşiği Shopify’ın güncel kuruyla çevrilir; bu da küsuratlı bir tutara yol açabilir.
Ücretsiz kargoya ulaşılınca ya da sepet boşken gizleyebilir miyim?: Evet, ikisi için de bir ayar var. Boş sepet, ilerleme ve başarı mesajları {remaining} ve {threshold} yer tutucularıyla değiştirip çevirebileceğiniz metinlerdir.

Yayınlamadan önce

Demolardaki metinler örnek içeriktir. Yayımlamadan önce kendi mağazanızın bilgileriyle değiştirin.
Hareketin azaltılmasını isteyen ziyaretçilerde animasyonlar kapalıdır.
Her dosya burada yayımlanmadan önce Shopify Theme Check ile kontrol edilir.

Temanıza uyarlanmış bir sürüme ya da burada olmayan bir bölüme mi ihtiyacınız var? Şu sayfaya bakın: Shopify tema geliştirme.

Dönüşüm ve kampanyalar
Duyuru çubuğu
Solma ya da kaydırmayla dönen en fazla altı mesajlı ince çubuk; isteğe bağlı oklar, ikonlar, bağlantılar ve her kampanyayı hatırlayan kapat düğmesi.
Dönüşüm ve kampanyalar
Geri sayım banner
Belirlenen tarih ve saate canlı geri sayımlı indirim ya da lansman bannerı: çubuk, banner ya da iki sütun, cihaza göre arka plan görseli, seçilen bitiş durumu.
Dönüşüm ve kampanyalar
Bülten pop-up’ı
İsteğe bağlı indirim kodlu e-posta kayıt pop-up’ı; bir süre sonra, çıkış niyetinde ya da kaydırınca açılır, sayfa yüklenirken asla. Mobilde küçük bir kart.