İndirim kodunu bölüm mü oluşturuyor?

Hayır. İndirimi Shopify yönetim panelinde İndirimler altında oluşturun, ardından aynı kodu bölüme yazın. Kopyalama düğmesi yazdığınız metni birebir kopyalar.

Zamanlama nasıl çalışıyor?

Başlangıç ve bitişi mağazanın saat diliminde YYYY-AA-GG SS:DD biçiminde yazın. Liquid bu aralığın dışında çubuğu sayfaya hiç eklemez; betik de saati tarayıcıda yeniden kontrol eder; böylece önbellekten gelen bir sayfa bitişten sonra çubuğu göstermez. Her zaman göstermek için ikisini de boş bırakın.

Müşteri kapattıktan sonra ne kadar kapalı kalıyor?

Belirlediğiniz gün sayısı (0–30) kadar; bu bilgi müşterinin tarayıcısında tutulur. 0 seçerseniz sekme kapanana kadar kapalı kalır. Mesajı ya da kodu değiştirdiğinizde yeni kampanya, eskisini kapatmış müşterilere de yeniden görünür.

Sabit başlığımın üstünü kapatır mı?

Üste sabitlendiğinde çubuk, üstten belirlediğiniz mesafede durur; bu mesafeye sabit başlığınızın yüksekliğini girin. Alta sabitlendiğinde bölüm sayfanın sonuna çubukla aynı yükseklikte boşluk ekler; böylece alt bilgi hiçbir zaman örtülmez.

Çubuk etiketli bir bölgedir; kopyalama ve kapatma düğmeleri görünür odaklı, en az 32 piksel yüksekliğinde gerçek düğmelerdir; "Kod kopyalandı" mesajı ekran okuyuculara bildirilir; ziyaretçi hareketin azaltılmasını istediğinde kayarak gelme efekti kapanır.

Sabit kampanya çubuğu

İndirim kodunu kopyalama düğmesi, başlangıç ve bitiş saati, kapatıldığını hatırlayan kapatma düğmesiyle sabit çubuk. Altta durur ya da üste sabitlenir.

Kategori: Dönüşüm ve kampanyalar
Kullanım yeri: Her sayfa, Ana sayfa, Koleksiyon
Okuduğu veri: Yalnızca içerik
Boyut: 21 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

Sabit kampanya çubuğu, kısa süreli bir kampanyayı ekranda tutan ücretsiz bir Shopify bölümüdür: bir mesaj, isteğe bağlı bir indirim kodu ve kopyalama düğmesi, bir de bağlantı. Ekranın altına sabitlenir ya da müşteri üzerinden kaydırınca üste yapışır. Mağazanızın saat diliminde belirlediğiniz başlangıç ve bitiş saatleri arasında yayında kalabilir; bu aralık hem Liquid ile hem tarayıcıda kontrol edildiği için önbellekten gelen bir sayfa süresi dolmuş bir kampanyayı göstermez. Kapatma düğmesi çubuğu seçtiğiniz gün sayısı kadar gizler. Kod yalnızca sizin yazdığınız bir metindir; indirimin kendisini Shopify’da oluşturursunuz. Online Store 2.0 temalarında uygulama olmadan çalışır.

Örnek içerikli demo

Ne zaman kullanılır

Müşterilerin tek dokunuşla kopyalayabildiği indirim koduyla bir hafta sonu indirimi
Belirlenen saatlerde kendiliğinden başlayıp biten bir lansman ya da bayram mesajı
Mobilde indirim koleksiyonuna bağlantı veren altta sabit bir çubuk

Tema düzenleyicide

Mesaj, önünde metin olan indirim kodu, kopyalama düğmesi ve kopyalandı mesajı
Bağlantı: metin, dolu/çerçeveli/metin stili ve yeni sekmede açma seçeneği
Konum: ekranın altına sabit ya da sayfadaki yerinde durup kaydırınca üste sabitlenen; üstten mesafe ayarlanabilir
Mağazanın saat diliminde başlangıç ve bitiş saati
Kapatma düğmesi, ekran okuyucu etiketi ve kaç gün kapalı kalacağı
Sayfa ya da tam genişlik, cihaza göre hizalama
Arka plan rengi ya da gradyanı, metin, kopyalama düğmesi ve düğme metni renkleri
Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği (anchor ID), kayarak gelme

Dosyalar

sections/lib-sticky-promo-bar.liquid

İndir

Kodu görün

lib-sticky-promo-bar.liquid dosyasını açın

snippets/lib-button.liquid

İndir

Kodu görün

lib-button.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

İndirim kodunu bölüm mü oluşturuyor?: Hayır. İndirimi Shopify yönetim panelinde İndirimler altında oluşturun, ardından aynı kodu bölüme yazın. Kopyalama düğmesi yazdığınız metni birebir kopyalar.
Zamanlama nasıl çalışıyor?: Başlangıç ve bitişi mağazanın saat diliminde YYYY-AA-GG SS:DD biçiminde yazın. Liquid bu aralığın dışında çubuğu sayfaya hiç eklemez; betik de saati tarayıcıda yeniden kontrol eder; böylece önbellekten gelen bir sayfa bitişten sonra çubuğu göstermez. Her zaman göstermek için ikisini de boş bırakın.
Müşteri kapattıktan sonra ne kadar kapalı kalıyor?: Belirlediğiniz gün sayısı (0–30) kadar; bu bilgi müşterinin tarayıcısında tutulur. 0 seçerseniz sekme kapanana kadar kapalı kalır. Mesajı ya da kodu değiştirdiğinizde yeni kampanya, eskisini kapatmış müşterilere de yeniden görünür.
Sabit başlığımın üstünü kapatır mı?: Üste sabitlendiğinde çubuk, üstten belirlediğiniz mesafede durur; bu mesafeye sabit başlığınızın yüksekliğini girin. Alta sabitlendiğinde bölüm sayfanın sonuna çubukla aynı yükseklikte boşluk ekler; böylece alt bilgi hiçbir zaman örtülmez.
Erişilebilir mi?: Çubuk etiketli bir bölgedir; kopyalama ve kapatma düğmeleri görünür odaklı, en az 32 piksel yüksekliğinde gerçek düğmelerdir; "Kod kopyalandı" mesajı ekran okuyuculara bildirilir; ziyaretçi hareketin azaltılmasını istediğinde kayarak gelme efekti kapanır.

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
Ü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.