Sabit sepete ekle çubuğu
Ana satın al düğmesi görünümden çıkınca ekranın altında ya da üstünde beliren, varyant seçimi ve adetli sabit sepete ekle çubuğu.
- Kategori
- Ürün sayfası
- Kullanım yeri
- Ürün, Açılış sayfaları, Her sayfa
- Okuduğu veri
- Ürünler
- Boyut
- 28 KB, küçük bir betik içerir
- Lisans
- MIT, müşteri işlerinde ücretsiz
Kısaca
Sabit sepete ekle çubuğu, sayfanın kendi satın alma formu görünümden çıktığında ürün görseli, fiyat, varyant seçimi, adet ve sepete ekle düğmesiyle bir satın alma çubuğunu kaydırarak getiren ücretsiz bir Shopify bölümüdür. Yerel bir Shopify ürün formudur, tükenmiş varyantları seçilemez tutar ve hiçbir içeriği örtmemek için sayfaya boşluk ekler; Online Store 2.0 temalarında uygulama olmadan çalışır.
Ne zaman kullanılır
- Yorumlar, sekmeler ve önerilerle uzayan ürün sayfaları; satın al düğmesi tek dokunuş uzakta kalır
- Ana sepete ekle düğmesinin hızla ekrandan çıktığı mobil ürün sayfaları
- Ürün seçiciyi kullanan, tek bir ürün için açılış ya da kampanya sayfası
Tema düzenleyicide
- Ürün seçici (ürün sayfalarında isteğe bağlı); ürün görseli, karşılaştırma fiyatı ve adet seçiciyi açma/kapama
- Düğme etiketi ve tükendi etiketi
- Ekranın altında ya da üstünde konum veya her zaman görünür
- Ne zaman görüneceğine karar veren ana satın alma formu seçicisi ve yedek kaydırma mesafesi
- Kenardan kenara çubuk ya da yüzen kart, sayfa ya da tam genişlik içerik, köşe yuvarlaklığı
- Arka plan, metin, düğme ve kenarlık renkleri; gölge yok, yumuşak ya da güçlü
- Cihaza göre boşluk; tüm cihazlarda, yalnızca masaüstünde ya da yalnızca mobilde göster; kayarak girip çıkma açma/kapama
Dosyalar
sections/lib-sticky-add-to-cart.liquidSade 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
- Çubuk ne zaman görünür?
- "Main buy form selector" ayarıyla eşleşen öğeyi izler; varsayılan olarak bu, sayfada çubuğun kendisine ait olmayan ilk ürün formudur. Çubuk, bu form tamamen ekranın üstüne kaydırıldığında görünür ve forma geri kaydırınca yeniden gizlenir. Seçiciyle hiçbir şey eşleşmezse bunun yerine yedek kaydırma mesafesinden sonra görünür (varsayılan 600px). "Always visible" onu en baştan gösterir.
- Hangi ürünü kullanır?
- Bölüm ayarlarında bir ürün seçildiyse onu, seçilmediyse bulunduğu ürün sayfasının ürününü. Tema düzenleyici dışında ikisi de yoksa bölüm hiçbir şey çıkarmaz; düzenleyicide yer tutucu bir çubuk gösterir.
- Varyantlar ve tükenmiş ürünler nasıl ele alınır?
- Ürünün birden fazla varyantı varsa çubuk tüm varyantları içeren bir seçim kutusu gösterir. Tükenmiş varyantlar devre dışıdır ve tükendi metninizle etiketlenir. Bir varyant seçmek fiyatı ve karşılaştırma fiyatını günceller; sayfanın kendi satın alma formu varyantını değiştirirse çubuk da onu izler. Seçili varyant tükenmişse düğme devre dışı kalır ve tükendi etiketini gösterir.
- Temamın sepet çekmecesini kullanır mı?
- Hayır. Sepete gönderen standart bir Shopify ürün formudur; JavaScript olmadan çalışır ve müşteriyi sepet sayfasına götüren Shopify varsayılan davranışını izler. Temanın sepet çekmecesini açmaz.
- Alt bilgiyi ya da başka içerikleri örter mi?
- Altta konumlandığında görünür olduğu sürece kendi yüksekliğini sayfanın alt boşluğuna ekler, gizlenince kaldırır; böylece sayfanın sonu her zaman kaydırılarak görülebilir. Gizliyken inert ve aria-hidden olur; klavye ve ekran okuyucu kullanıcıları asla içine düşmez.
- Yalnızca mobilde gösterebilir miyim?
- Evet. "Show on" ayarı onu tüm cihazlar, yalnızca masaüstü (750px ve üzeri) ve yalnızca mobil arasında değiştirir. 750px altında ürün bilgisi varyant seçimi, adet ve düğmenin üstünde durur.
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.
Diğer bölümler
Ürün sayfası
Önce / sonra kaydırıcısı
Sürüklenebilir ayırıcıyla tek çerçevede iki fotoğraf; müşteriler önceyi ve sonrayı karşılaştırır. Klavye ve ekran okuyucu dostu, ayrı mobil görselli.
Ürün sayfası
Karşılaştırma tablosu
2 ila 4 ürünü ya da paketi özellik satırlarıyla karşılaştırın: onay, çarpı ve metin hücreleri, öne çıkan bir sütun ve mobilde sabit özellik sütunu.
Ürün sayfası
Ürün paketi
Birlikte alınan iki ya da üç ürün: varyant menüleri, anlık toplam ve Cart AJAX API ile hepsini tek tıkla sepete ekleyen bir düğme.
