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.
- Kategori
- Dönüşüm ve kampanyalar
- Kullanım yeri
- Tüm sayfalar, Ana sayfa, Açılış sayfaları
- Okuduğu veri
- Yalnızca içerik
- Boyut
- 23 KB, küçük bir betik içerir
- Lisans
- MIT, müşteri işlerinde ücretsiz
Kısaca
Duyuru çubuğu, teslimat eşikleri ya da süren bir kampanya gibi kısa mağaza mesajları için ücretsiz bir Shopify bölümüdür: tek bir mesaj gösterin ya da en fazla altı mesajı solma veya kaydırmayla ve isteğe bağlı oklarla döndürün. Ziyaretçiler onu kapatabilir ve kampanya sürümünü değiştirene kadar kapalı kalır; Online Store 2.0 temalarında uygulama olmadan çalışır.
Ne zaman kullanılır
- Her sayfada üst bilginin üstünde ücretsiz teslimat eşiği ve iade mesajı
- "Pazar günü bitiyor" notu ve indirim koleksiyonuna bağlantıyla sezonluk kampanya
- Bir açılış sayfasının en üstünde kapatılabilir lansman duyurusu
Tema düzenleyicide
- Mesaj başına (en fazla 6): kalın, italik ve bağlantılı metin, isteğe bağlı etiketli bağlantı, ikon ya da emoji, kısa bitiş notu
- Mod: sabit ilk mesaj ya da solma veya kaydırmayla dönen mesajlar
- Mesaj başına süre (3–12 saniye) ve önceki ile sonraki okları
- Kampanya sürümüyle sıfırlanan kapat düğmesi
- Sayfanın üstüne yapışık (sticky)
- Yazı boyutu, cihaza göre hizalama, sayfa ya da tam genişlik
- Arka plan rengi ya da gradyan, metin ve bağlantı renkleri, isteğe bağlı alt kenarlık
- Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği
Dosyalar
sections/lib-announcement-bar.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
- Kapat düğmesi ziyaretçileri nasıl hatırlar?
- Ziyaretçi çubuğu kapattığında, bölüm kimliğinden ve belirlediğiniz kampanya sürümünden oluşan bir anahtar tarayıcısının local storage’ına kaydedilir ve çubuk sonraki sayfalarda gizli kalır. Çubuğu herkese yeniden göstermek için kampanya sürümünü değiştirin. Tarayıcı depolamayı engellerse çubuk yine o sayfa görüntülemesi için kapanır. Tema düzenleyicide çubuk yüklenirken asla gizlenmez.
- Çubuk düzen kaymasına yol açar mı?
- Hayır. Tüm mesajlar tek bir grid hücresini paylaşır; böylece çubuk ilk çizimden itibaren en uzun mesaj kadar yüksektir ve döndürmeyi başlatan script yüksekliğini değiştirmez. Ziyaretçinin daha önce kapattığı bir çubuk, ayrıştırılırken çalışan küçük bir satır içi script ile gizlenir.
- Dönen çubuk erişilebilir mi?
- Mesajlar etiketli slaytlarla bir carousel bölgesi olarak işaretlenmiştir; gizli slaytlara odaklanılamaz ve dönerken ekran okuyucular kesilmez. Döndürme fare üzerindeyken, klavye odağındayken ve sekme gizliyken durur; oklar gerçek düğmelerdir. Azaltılmış hareket açıkken dönmez ve oklar mesajları animasyonsuz değiştirir.
- Geri sayım ekleyebilir miyim?
- Bu bölümde hayır. Her mesaj "Pazar günü bitiyor" gibi düz metin olan kısa bir bitiş notu taşıyabilir. Canlı bir sayaç için aynı kütüphanedeki Geri sayım banner bölümünü kullanın.
- Çubuk kaydırırken görünür kalabilir mi?
- Evet. Sabit (sticky) seçeneğini açın; bölüm pencerenin üstüne yapışır. Temanızda da sabit bir üst bilgi varsa ikisinin üst üste binmediğini kontrol edin.
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
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
Ü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.
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.
