Bölümler ve bloklar arasındaki fark
Bir bölüm, sayfada tam genişlikte bir satırdır. Bölümler dikey olarak istiflenir ve yeniden sıralanabilir, gizlenebilir veya silinebilir. Bir blok, bölüm içindeki bir içerik parçasıdır: metin bloğu, resim, düğme veya düzen grubu. Bazı bölümler sabit bir blok kümesi içerirken (üst bilgi gibi), diğerleri blokları serbestçe eklemenize, kaldırmanıza ve yeniden sıralamanıza izin verir.
Global bölümler (her sayfada görünür)
Duyuru Çubuğu
Sayfanın üst kısmındaki ince bir promosyon şeridi. Her biri kendi metniyle en fazla 7 ayrı duyuru mesajı ekleyebilirsiniz. Mesajlar iki modda döngü yapar: Yazı Bandı (sürekli yatay kaydırma) veya Kaydırıcı (2-10 saniye arasında yapılandırılabilir aralıkla belirgin geçişler). Ek seçenekler metin yönünü (soldan sağa veya sağdan sola), yazı bandı mesajları arasındaki ayırıcı karakteri, yazı tipi boyutunu (10-30 piksel) ve renk şemasını içerir. Sayfa başına maksimum 2 duyuru çubuğu ekleyebilirsiniz.
Üst bilgi
Ana navigasyon çubuğu. Eklenemeyen, kaldırılamayan veya yeniden sıralanmayan; yalnızca yapılandırılabilen beş sabit blok içerir:
- Logo: mağazanızın marka görüntüsünü görüntüler. Konumunu (sol, orta veya sağ), genişliğini (20-300 piksel), yüksekliğini (20-300 piksel) ve dolguyu ayarlayın.
- Menü: navigasyon menüsü. Menüler bölümünde oluşturduğunuz bir menüyü seçin, ardından yatay konumunu, hangi üst bilgi satırında yer alacağını (üst veya alt), görüntüleme türünü (çekmece, mega menü veya açılan menü) ve açılan panel için renk şemasını ayarlayın. Menü çubuğu seçeneği, alt satırın arkasına tam genişlikte renkli bir şerit ekler.
- Arama: ürün arama yer paylaşımı açan bir arama simgesi. Yatay konumunu (sol veya sağ) ve hangi satırda yer alacağını ayarlayın.
- Sepet: ürün sayısı rozetiyle birlikte sepet simgesi. Görüntüleme türü seçenekleri: Çekmece (yan panel), Açılan Menü (üst bilgide mini sepet) veya Sayfa (tam sepet sayfasına yönlendirir). Her türün kendi renk şeması seçici var.
- Yerelleştirme: çok pazarlı mağazalar için ülke ve dil seçici. Ülke adını ve bayrağını gösterip göstermemeyi, konumu ve satırı ayarlayın.
Üst bilgi düzeyi ayarları şunları içerir: Yapışkan davranış (Kaydırma (akıllı yapışkan: aşağı kaydırırken gizlenir, yukarı kaydırırken tekrar belirir), Her Zaman (kalıcı olarak üstte sabit), Küçült (kaydırmada küçülür) veya Hiçbir Zaman (sayfayla birlikte kayar)), artı Genişlik (sayfayla sınırlandırılmış veya kenara kadar), renk şeması, üst ve alt dolgu ve özel CSS alanı. Sayfa başına maksimum 1 üst bilgi.
Alt bilgi
Her sayfanın alt bölümü. Alt bilgi içindeki blokları ekleyebilir, kaldırabilir ve yeniden sıralayabilirsiniz. Mevcut alt bilgi blokları:
- Hakkımızda: logonuzu, metin bloklarınızı, iletişim bilgilerinizi ve isteğe bağlı düzen gruplarını içeren marka hikayesi alanı. Yön, hizalama, boşluk, genişlik ve dolgu kontrollerini destekler. Alt bilgi başına maksimum 1.
- Menü: bağlantı listesi olarak görüntülenen navigasyon menüsü. Menüler bölümünde oluşturduğunuz bir menüyü seçin. Alt bilgi başına maksimum 1.
- Sosyal Medya Simgeleri: sosyal platform simgelerinden oluşan bir satır. Desteklenen platformlar: Facebook, Instagram, Threads, X (Twitter), TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp ve Telegram. Simge boyutunu (12-64 piksel), boşluğu (0-48 piksel), şekli (yok, daire, yuvarlatılmış veya kare), şekil dolgu stilini (düz veya ana hat), container boyutunu (26-80 piksel), renk paletini (marka renkleri, tek renkli veya özel bir renk) ve üzerine gelme efektini (yok, marka, ölçek, kaldır veya opaklık) yapılandırın. Alt bilgi başına maksimum 1.
- Ödeme Simgeleri: mağazanızda etkinleştirdiğiniz ödeme yöntemleri için (Visa, Mastercard, PayPal, Stripe, Apple Pay vb.) simgeleri otomatik olarak gösterir. Yapılandırma gerekmez. Alt bilgi başına maksimum 1.
- Gizlilik Bağlantıları: mağaza politikalarınızdan otomatik olarak oluşturulan yasal sayfalarınıza (Gizlilik Politikası, Hizmet Şartları, İade Politikası, Kargo Politikası) bağlantılar. Yazı tipi boyutunu (12-20 piksel) ve metin büyük/küçük harf kullanımını (varsayılan veya büyük harf) ayarlayın. Alt bilgi başına maksimum 1.
- Telif Hakkı: telif hakkı yılını ve mağaza adınızı isteğe bağlı "Storeep tarafından desteklenmektedir" satırıyla birlikte görüntüler. Yazı tipi boyutunu (12-20 piksel), metin büyük/küçük harf kullanımını ve Storeep atıfının gösterilip gösterilmeyeceğini ayarlayın. Alt bilgi başına maksimum 1.
- Metin, Bölücü ve Grup: diğer bölümlerde kullanılabilen aynı düzen bileşenleri. Tüm ayrıntılar için bkz. Düzen bileşenleri.
Ana sayfa bölümleri
Kahraman
Medya arka planlı (resim veya video) tam görüntü alanı banner bölümü. İki görüntüleme modu: Tek (bir arka plan) ve Bölünmüş (yan yana iki medya paneli). Yükseklik ön ayarları: Küçük (görüntü alanı yüksekliğinin %50'si), Orta (%70), Büyük (%90), Tam Ekran (tam ekran yüksekliği), Resim (tüm resmin görünür olması için medyanızın doğal boyutunu benimser) veya Özel (kullanıcı tanımlı yüzde). İçerik blokları medyanın üzerine yer paylaşımlı olarak yerleşir ve bir grupla aynı düzen kontrollerini destekler: yön, hizalama, boşluk ve dolgu. Medyanın üzerine düz veya degrade dolguyla bir kaplama uygulanabilir. Üst bilginin hemen ardından yerleştirildiğinde ve Saydam üst bilgi seçeneği etkinleştirildiğinde, üst bilgi kahramanla iç içe geçer ve renk şemasını kullanır.
Öne Çıkan Ürünler
Kataloğunuzdan kaynaklanan bir ürün ızgarası veya carousel. Kaynak seçenekleri: Manuel (belirli ürünleri siz seçersiniz), En Yeni (en son eklenen ürünler) veya En Çok Satan (satış hacmine göre sıralanmış ürünler). Masaüstü sütun sayısını (1-8), mobil sütunları (1 veya 2), kartlar arasındaki boşluğu, bölüm genişliğini ve renk şemasını yapılandırın. Her kartın düzenini (resim, başlık, fiyat, puan ve satın al düğmesi) tanımlayan bir ürün kartı bloğu ile ızgaranın üstünde veya altında isteğe bağlı metin ve bölücü blokları içerir.
Slayt Gösterisi
Tam genişlikte resim veya video carousel. Her slayt kendi medya arka planına, kaplamasına ve içerik bloklarına (metin, düğme, grup ve bölücü) sahip olabilir. Slayt gösterisi başına en fazla 7 slayt, sayfa başına maksimum 2 slayt gösterisi bölümü. Yalnızca ana sayfada kullanılabilir.
Bülten
E-posta abonelik formu. Görüntüleme modları: Satır içi (sayfaya gömülü) veya Sabit (alt köşeye sabitlenmiş yüzen widget). İçerideki bloklar: metin (başlıklar ve açıklamalar), bir e-posta giriş alanı (isteğe bağlı etiket, yer tutucu ve gizlilik bildirimi), bir abone ol düğmesi (simge veya metin etiketi, giriş alanıyla görsel olarak birleştirme seçeneğiyle), bölücüler ve gruplar. Biri kaydolduktan sonra gösterilen başarı başlığını ve mesajını da yapılandırabilirsiniz.
Ürün sayfası bölümleri
Ürün Bilgisi
Ana ürün detay bölümü. Ürün medya galerisini (resimler ve videolar), ürün detayları alanını (başlık, fiyat, tasarruf rozeti, varyantlar, satın alma formu, WhatsApp sipariş düğmesi ve geri sayım sayacı) ve ürün açıklaması bloğunu içerir. Satın alma formu, satır içi veya açılan pencere düzenini, sipariş özeti geçişini, özel başlık ve alt başlık metnini, Sepete Ekle ve Hemen Satın Al için özel düğme etiketlerini, hediye mesajı kancasını ve indirim sona erme için geri sayım sayacını destekler. Bu bölüm, ürün sayfasında zorunludur.
İlgili Ürünler
Aynı koleksiyona göre veya manuel olarak seçilmiş, şu anda görüntülenen ürünle ilgili ürünleri gösteren bir ürün ızgarası. Öne Çıkan Ürünler bölümüyle aynı ürün kartı sistemini kullanır.
Yorumlar
Mevcut ürün için müşteri yorumlarını görüntüler. Yorumlar özet bloğunu (ortalama yıldız puanı, toplam yorum sayısı ve isteğe bağlı yıldız dağılım çubukları) ve yorum formu bloğunu (yorum gönderme paneli açan bir düğme) içerir. Yorumlar yayınlanmadan önce moderasyona tabi tutulur.
Açılış sayfası bölümleri
Açılış Sayfası Bilgisi
Açılış sayfaları için ürün satış bölümü. Ürün Bilgisi'ne benzer ancak özel bir satış sayfası için düzenlenmiştir: ürün formunu, medyayı, açıklamayı ve ilgili içerik bloklarını tek bir odaklı düzende birleştirir. Bu bölüm, açılış sayfasında zorunludur.
Koleksiyon sayfası bölümleri
Koleksiyon Ürünleri
Koleksiyon sayfası için ürün ızgarası. Gösterilen ürünler, alıcının gezindiği koleksiyondan çekilir. Masaüstü sütunlarını (1-8), mobil sütunları (1 veya 2), kartlar arasındaki boşluğu, sıralama seçeneklerini, filtreleme kenar çubuğunu ve ürün kartı düzenini yapılandırabilirsiniz. Bu bölüm, koleksiyon sayfasında zorunludur.
Arama sayfası bölümleri
Arama Ürünleri
Arama sonuçları için ürün ızgarası. Alıcının arama sorgusunu eşleştiren ürünleri render eder. Koleksiyon Ürünleri bölümüyle aynı kart ve ızgara yapılandırmasını kullanır. Bu bölüm, arama sayfasında zorunludur.
İletişim sayfası bölümleri
İletişim
Ad, e-posta, konu ve mesaj alanlarıyla bir iletişim formu. Formun üstüne veya altına metin blokları ve düzen grupları ekleyebilirsiniz. Gönder düğmesi etiketi ve stili (birincil veya ikincil) yapılandırılabilir. Gönderilen mesajlar mağaza e-posta adresinize gönderilir. Bu bölüm, iletişim sayfasında zorunludur.
Tüm sayfalarda kullanılabilen bölümler
Metin
Bir başlık, paragraf veya biçimlendirilmiş içerik bloğu için bağımsız bir metin bölümü. Sayfa başına en fazla 3 metin bölümü. Tüm metin ayarları için bkz. Düzen bileşenleri.
Resim
Bağımsız bir resim bölümü. Sayfa başına en fazla 3 resim bölümü. Genişliği, hizalamayı, en boy oranını (otomatik, dikey 3:4, kare 1:1 veya yatay 4:3), sığdırmayı (cover veya contain), köşe yuvarlamayı, dolguyu ve isteğe bağlı tıklama bağlantısını yapılandırın.
Bölücü
Yatay veya dikey ayırıcı çizgi. Sayfa başına en fazla 10 bölücü bölümü. Kalınlığı, uzunluğu (container'ın yüzdesi olarak), uç başlık stilini (keskin veya yuvarlatılmış), hizalamayı, renk şemasını, genişliği (sığdır veya doldur) ve dolguyu yapılandırın. Tüm ayrıntılar için bkz. Düzen bileşenleri.
SSS
Akordeon tarzı sıkça sorulan sorular bölümü. İhtiyaç duyduğunuz kadar soru-cevap çifti ekleyin. Renk şemasını, bölüm genişliğini ve dolguyu yapılandırın.
Özel Kod
Ham HTML, CSS ve JavaScript için bir bölüm. HTML'niz sayfada benzersiz bir container içine eklenir. Yazdığınız CSS, stillerinizin diğer bölümleri etkilememesi için otomatik olarak o container'a kapsamlandırılır. JavaScript, sayfada yalnızca container'a referans olarak izole bir kapsamda çalışır; sorgularınızın doğru çözümlenmesi için sayfa içeriği hazır olduktan sonra yüklenir. Sayfa başına maksimum 2 özel kod bölümü. Üçüncü taraf widget'ları, özel animasyonlar veya standart bölümlerin ifade edemeyeceği her şeyi gömmek için kullanışlıdır.