Liste Sayfaları Blokları (kategori · marka · etiket · arama)
Dört liste sayfası aynı blokları paylaşır. Bir bloğun ayarını değiştirdiğinizde değişiklik o bloğun bulunduğu her sayfada geçerli olur; bu belge hangi…
Nerede bulunur: Tema Editörü → sayfa seçici menüsü → Kategori Sayfası · Marka Sayfası · Etiket Sayfası · Arama Sonuçları Kimler için: Ürün listelerinin filtrelenmesini, sıralanmasını, sayfalanmasını ve liste içi kampanya alanını ayarlamak isteyenler Kısaca: Dört liste sayfası aynı blokları paylaşır. Bir bloğun ayarını değiştirdiğinizde değişiklik o bloğun bulunduğu her sayfada geçerli olur; bu belge hangi bloğun hangi sayfalarda çıktığını ve son eklenen ayarların ne yaptığını anlatır.
Ne işe yarar?
Ziyaretçinin ürün listesi gördüğü dört ekran vardır: kategori (/category/...), marka (/brand/...), etiket (/tag/...) ve arama sonuçları (/search). Bu dördü ayrı ayrı tasarlanır ama ortak bir blok ailesi kullanır: filtre paneli, araç çubuğu, ürün listesi ve aktif filtre özeti dördünde de aynı bloktur.
Sayfalar ve Yapı sayfası bu dört sayfa türünü ve bloklarının ne işe yaradığını tanıtır. Bu belge bir adım derine iner: her bloğun ayarlarını tek tek, hangi sayfalarda geçerli olduğuyla birlikte anlatır.
Bir blok, dört sayfa — nerede değişir?
Bu ailenin en çok kafa karıştıran yanı budur: aynı blok birden fazla sayfa türünde kullanılabilir, ama her sayfa türünün kendi şablonu vardır. Yani:
- Ürün Listesi bloğunun ayarını Kategori Sayfası şablonunda değiştirirseniz yalnız kategori sayfaları etkilenir.
- Aynı değişikliği marka, etiket ve arama sayfalarında da istiyorsanız her birinin şablonunda ayrı ayrı yapmalısınız.
Blokların hangi sayfa türlerinde kullanılabildiği:
| Blok | Kategori | Marka | Etiket | Arama |
|---|---|---|---|---|
| Aktif Filtre Özeti | ||||
| Liste İçi Kampanya | ||||
| Filtre Paneli | ||||
| Araç Çubuğu | ||||
| Ürün Listesi | ||||
| Kategori Yol Haritası | — | |||
| Kategori Girişi | — | — | — | |
| Marka Kimlik Başlığı | — | — | — | |
| İlgili Etiketler | — | — | — | |
| Kürasyon Şeridi | — | — | ||
| Arama Sonuçları Başlığı | — | — | — | |
| Sonuç Yok Durumu | — | — | — |
ℹKategori Yol Haritası arama sayfasında yoktur çünkü aramanın bir üst kategorisi yoktur; ziyaretçi oraya bir gezinme yolundan değil, arama kutusundan gelir. Adı "kategori" ile başlasa da blok marka ve etiket sayfalarında da çalışır.
Bir sayfada aynı bloktan iki tane olursa? Ürün Listesi bloğundan iki tane koyarsanız liste içi kampanyayı yalnız ilki çizer. İkinci listeye ayrı bir kampanya vermek bugün mümkün değildir.
Aktif Filtre Özeti
Ziyaretçinin seçtiği filtreleri çip olarak listenin üstünde gösterir ve her birini tek tek kaldırmasını sağlar. Dört liste sayfasında da kullanılabilir ve varsayılan şablonlarda hazır gelir.
Görünüm: Çipler · Şerit · Satır içi
| Ayar | Ne yapar? |
|---|---|
| Filtre Grubu Adını Göster | Çipte grubun adı da yazsın mı: "Marka: Nike" yerine yalnız "Nike". Aynı anda birden çok filtre türü kullanan mağazalarda açık tutun. |
| Sonuç Sayısını Göster | Çiplerin yanında kaç ürün kaldığını yazar. |
| Tümünü Temizle Butonunu Göster | Bütün filtreleri tek tıkla kaldıran buton. |
| Tümünü Temizle Metni | O butonun yazısı (varsayılan "Tümünü temizle"). Yalnız buton açıkken görünür. |
| En Fazla Görünen Çip | Kaç çip gösterilsin; fazlası "+3 filtre daha" diye toplanır. 0 yazarsanız hepsi gösterilir (varsayılan). Çok filtreli kataloglarda 5–8 arası iyi çalışır. |
| Filtre Yokken Bloğu Gizle | Varsayılan açıktır: ziyaretçi hiç filtre seçmediyse blok çizilmez, boş bir şerit görünmez. Kapatırsanız blok her zaman yer kaplar. |
Bu blok neden zaten şablonumda? Filtre uygulayan ziyaretçinin neyi filtrelediğini görmesi ve tek tıkla geri alabilmesi, listeden kopmasını engeller. Blok filtre yokken hiç çizilmediği için sayfanızın bugünkü görünümünü değiştirmez; yalnız filtre uygulandığında ortaya çıkar. İstemiyorsanız silebilirsiniz — bu dört sayfada blok ekleyip silmek serbesttir.
Liste İçi Kampanya
Ürün listesinin arasına yerleşen kampanya alanı. Dört liste sayfasında da kullanılabilir ama hiçbir varsayılan şablonda bulunmaz: içeriğini siz yazacağınız için boş bir kutu olarak gelmesi istenmedi. Kütüphaneden kendiniz eklersiniz.
Görünüm: Afiş · Kart · Tam genişlik
Afiş ve Tam genişlik ızgaranın bir satırının tamamını kaplar; Kart tek bir ürün kartının yerini alır.
| Ayar | Ne yapar? |
|---|---|
| Kaçıncı Üründen Sonra | Kampanyanın listedeki yeri. 0 yazarsanız listenin en başına yerleşir (varsayılan 4, en fazla 48). |
| Başlık · Açıklama · Rozet Metni | Kampanyanın metinleri. |
| Görsel | Kampanya görseli. |
| Bağlantı | Kampanyanın gittiği adres ve buton metni. |
| Mobilde Göster | Kapatırsanız kampanya yalnız masaüstü ve tablette çıkar. |
Blok listenin içine çizilir, şablondaki yerine değil. Bloğu şablonda nereye koyarsanız koyun, kampanya ürün listesinin içinde Kaçıncı Üründen Sonra ayarının söylediği yere yerleşir. Bu yüzden editörde bloğun kendi yerinde bir açıklamalı yer tutucu görürsünüz — bu bir hata değildir, bloğu seçip ayarlayabilmeniz içindir. Sayfada hiç ürün listesi yoksa blok kendi yerinde çizilir.
Başlığı ve görseli boş bırakırsam? Blok canlı sitede hiç çizilmez — ziyaretçi boş bir kutu görmez. Editörde ise yer tutucu olarak durmaya devam eder, böylece içeriğini sonradan girebilirsiniz.
Filtre Paneli
Fiyat, marka ve varyant filtrelerinin bulunduğu panel. Dört liste sayfasında da kullanılabilir. Görünümlerine Kart eklendi: her filtre grubu kendi kartında durur.
Görünüm: Sade · Panel · Çizgili · Kart
| Ayar | Ne yapar? |
|---|---|
| Ürün Sayılarını Göster | Marka ve varyant seçeneklerinin yanındaki (12) rakamı. Kapatmak paneli sadeleştirir ama ziyaretçi hangi seçenekte kaç ürün olduğunu göremez. |
| İlk Gösterilecek Marka Sayısı | Marka listesi uzunsa ilk kaç marka görünsün; kalanı "Tümünü göster (37)" butonunun ardına saklanır. 0 yazarsanız hepsi listelenir (varsayılan). Çok markalı mağazalarda 5–10 arası paneli çok kısaltır. |
| Filtre Gruplarını Katlanabilir Yap | Açarsanız her filtre grubunun başlığına tıklanınca grup açılıp kapanır. |
| Gruplar Kapalı Başlasın | Yalnız katlama açıkken görünür. Sayfa açıldığında bütün gruplar kapalı gelir; ziyaretçi ilgilendiği grubu kendisi açar. Filtre grubu çok olan kataloglarda mobil deneyimi belirgin biçimde iyileştirir. |
Araç Çubuğu
Ürün sayısı, sıralama ve sütun yoğunluğu seçiminin bulunduğu şerit. Dört liste sayfasında da kullanılabilir. Görünümlerine Alt alta eklendi: dar ekranlarda öğeler yan yana sıkışmak yerine alt alta dizilir.
Görünüm: Ayrık · Sıkışık · Çizgili · Alt alta
| Ayar | Ne yapar? |
|---|---|
| Varsayılan Sıralama | Sayfa ilk açıldığında listenin hangi sırayla geleceği: En yeni (varsayılan) · En eski · Fiyat: düşükten yükseğe · Fiyat: yüksekten düşüğe · A-Z · Z-A · En çok değerlendirilen. Ziyaretçi sıralamayı değiştirdiğinde bu ayar devreye girmez. |
| En Fazla Sütun Seçeneği | Ziyaretçiye kaç sütun düğmesi sunulacağının üst sınırı (varsayılan 5). Küçültmek düğme sayısını azaltır. |
| Sayfa Kayarken Üstte Kalsın | Açarsanız araç çubuğu sayfa aşağı kaydırılırken ekranın üstünde yapışık kalır; ziyaretçi uzun listelerde sıralamayı değiştirmek için yukarı çıkmak zorunda kalmaz. |
| Üstten Boşluk (px) | Yalnız yapışkanlık açıkken görünür. Çubuğun ekranın üstünden ne kadar aşağıda duracağı (varsayılan 80). Sabit bir menünüz varsa bu değeri menünüzün yüksekliğine göre ayarlayın, yoksa çubuk menünün altında kalır. |
Varsayılan sıralama listeyi gerçekten sunucudan o sırayla getirir, sayfa açıldıktan sonra yeniden dizmez. Yani ziyaretçi ilk ekranda doğru sırayı görür. Bunun bir bedeli vardır: En yeni dışında bir sıralama seçerseniz o sayfa için önbellek devre dışı kalır ve sayfa bir miktar daha yavaş açılabilir.
Ürün Listesi
Ürün kartları, sayfalama ve boş sonuç durumu. Dört liste sayfasında da kullanılabilir.
Görünüm: Izgara · Sıkışık · Editoryal
| Ayar | Ne yapar? |
|---|---|
| Sayfa Başına Ürün | Sunucudan tek seferde çekilen ürün sayısı (varsayılan 24, en az 4, en çok 96). Büyütmek sayfa sayısını azaltır ama sayfanın açılışını yavaşlatır. |
| Sayfalama Biçimi | Sayfa numaraları (varsayılan) ya da Daha fazla göster butonu. İkincisinde ziyaretçi butona bastıkça ürünler mevcut listenin altına eklenir. |
| Satır Arası Boşluk (px) | Kart satırları arasındaki dikey boşluk. Ayarlamazsanız Kart Arası Boşluk değeri kullanılır; ayrı vermek uzun ürün adlarının olduğu kataloglarda listeyi ferahlatır. |
| Boş Sonuç Butonu | Filtreler hiç sonuç vermediğinde gösterilen butonun metni ve adresi. Buton metnini boş bırakırsanız buton çizilmez. Ziyaretçiyi tüm ürünlere ya da ana kategoriye göndermek için kullanın. |
"Editoryal" görünümü artık gerçekten farklı. Bu görünüm bir süre Izgara ile aynı kartı çiziyordu; artık kendi editoryal kartını çiziyor. Daha önce seçip "hiçbir şey değişmedi" dediyseniz tekrar deneyin.
Kategori Yol Haritası
Ana sayfadan bulunulan sayfaya uzanan gezinme yolu. Kategori, marka ve etiket sayfalarında kullanılabilir. Görünümlerine Hap eklendi: her kırıntı yuvarlak bir hap içinde durur.
Görünüm: Sade · Oklu · Kutulu · Hap
| Ayar | Ne yapar? |
|---|---|
| Ayraç | Kırıntılar arasındaki işaret: Görünüme göre (varsayılan — seçtiğiniz görünümün doğal ayracını kullanır) · Ok · Eğik çizgi · Nokta · Uzun ok. |
| Bulunulan Sayfayı Göster | Kapatırsanız yol yalnız üst kategorilerle biter; ziyaretçinin bulunduğu sayfanın adı tekrarlanmaz. Sayfa başlığı zaten hemen altında duruyorsa kapatmak tekrarı önler. |
Kategori Girişi
Kategori başlığı, açıklaması ve alt kategori gezinmesi. Yalnız kategori sayfasında kullanılabilir.
Görünüm: Sade · Kart · Editoryal
| Ayar | Ne yapar? |
|---|---|
| Kategori İkonunu Göster | Kategori kaydında bir ikon tanımlıysa başlığın soluna çizilir. İkon tanımlı değilse hiçbir şey görünmez. İkonu Ürünler → Kategoriler ekranından tanımlarsınız. |
| Açıklama Uzunluğu | Tamamı (varsayılan) ya da Kısaltılmış. Uzun kategori açıklamalarının listeyi aşağı itmesini engeller. |
| Devamını Oku Bağlantısı Göster | Kısaltılmış açıklamanın altına açıp kapatan bir bağlantı ekler; ziyaretçi isterse tamamını okur. |
| En Fazla Alt Kategori | Alt kategori gezinmesinde kaç bağlantı gösterilsin. 0 yazarsanız hepsi gösterilir (varsayılan). Çok alt kategorili ana kategorilerde 8–12 arası dengeli durur. |
Marka Kimlik Başlığı
Marka logosu, açıklaması ve sayaçları. Yalnız marka sayfasında kullanılabilir.
Görünüm: Kompakt satır · Kapaklı hero · Anlatı ve künye
| Ayar | Ne yapar? |
|---|---|
| Üst Etiket | Yalnız Anlatı ve künye görünümünde, başlığın üstünde duran küçük metin (varsayılan "Marka"). "Resmi satıcı" ya da "Marka dünyası" gibi bir şey yazabilirsiniz. |
| Kısaltılmış Satır Sayısı | Açıklama kaç satırdan sonra kesilsin (varsayılan 2, en fazla 8). Yalnız açıklama uzunluğu Kısa iken görünür. |
| Devamını Oku Metni | Açıklamayı açan bağlantının yazısı (varsayılan "Devamını oku"). |
ℹMarka açıklaması boşsa bu üç ayarın hiçbiri görünür bir etki yapmaz. Açıklamayı Ürünler → Markalar ekranındaki marka kaydından girersiniz.
İlgili Etiketler
Etiketler arası iç bağlantı ağı. Yalnız etiket sayfasında kullanılabilir.
Görünüm: Çip satırı · Etiket bulutu · Kart listesi
| Ayar | Ne yapar? |
|---|---|
| Sıralama Ölçütü | Ürün sayısına göre (varsayılan — en zengin etiketler önce) ya da Ada göre (alfabetik). Alfabetik sıra ziyaretçinin aradığını taramasını kolaylaştırır. |
| Ürünsüz Etiketleri Gizle | Ürün sayısı sıfır olan etiketler listelenmez. Ziyaretçinin boş bir sayfaya tıklamasını engeller. |
| Kart Sütun Sayısı | Yalnız Kart listesi görünümünde; kartların kaç sütuna dizileceği (varsayılan 3, en fazla 4). |
Kürasyon Şeridi
Ürün ızgarasının üstündeki "çok satanlar" / "yeni gelenler" şeridi. Marka ve etiket sayfalarında kullanılabilir.
Görünüm: Yatay karusel · Sıralı liste · İkili bölüm
| Ayar | Ne yapar? |
|---|---|
| Kart Tipi | Şeritteki ürün kartının biçimi: Sade (varsayılan) · Klasik · Kompakt · Üstü yazılı. Şeridi aşağıdaki ana listeden görsel olarak ayırmak için farklı bir tip seçebilirsiniz. |
| Kart Genişliği | Yalnız Yatay karusel görünümünde: Dar · Normal (varsayılan) · Geniş. Dar seçmek aynı ekranda daha çok ürün gösterir. |
| İkili Görünümde Ürün Sayısı | Yalnız İkili bölüm görünümünde: her şeritte kaç ürün olacağı (varsayılan 2, en fazla 6). |
Arama Sonuçları Başlığı
Aranan kelime, sonuç sayısı ve yazım düzeltme önerisi. Yalnız arama sayfasında kullanılabilir.
Görünüm: Özet satırı · Vurgulu başlık · Öneri çipli
| Ayar | Ne yapar? |
|---|---|
| Arama Kutusunu Göster | Sonuç sayfasının içine bir arama kutusu koyar; ziyaretçi aramasını üst menüye çıkmadan değiştirebilir. Aramanın çok kullanıldığı mağazalarda açmaya değer. |
| Sorgusuz Ekran Başlığı | Ziyaretçi arama sayfasına hiçbir şey aramadan geldiğinde gösterilen başlık (varsayılan "Ne aramak istersiniz?"). |
| Sorgusuz Ekran Açıklaması | Aynı ekrandaki açıklama metni. |
Sorgusuz ekranı unutmayın. Arama sayfasının üç hâli vardır: hiç arama yapılmamış, sonuç bulunmuş ve sonuç bulunamamış. Bu iki ayar yalnız birincisini ilgilendirir ve mağazacılar tarafından en sık atlanan ekran odur.
Sonuç Yok Durumu
Arama hiç sonuç vermediğinde gösterilen yönlendirme alanı. Yalnız arama sayfasında kullanılabilir.
Görünüm: Sade · Yönlendirmeli · Öneri ürünlü
| Ayar | Ne yapar? |
|---|---|
| Öneri Bölümü Başlığı | Önerilen ürünlerin üstündeki başlık (varsayılan "Çok satanlar"). |
| Popüler Kategoriler Başlığı | Kategori bağlantılarının üstündeki başlık (varsayılan "Kategorilere göz atın"). |
| Destek Bağlantısı Metni | İletişim bağlantısının yazısı (varsayılan "Aradığınızı bulamadınız mı? Bize yazın"). Yalnız iletişim bağlantısı açıkken görünür. |
Bu blok satış kurtarır. Sonuç bulamayan ziyaretçi çoğunlukla siteyi terk eder. Öneri ürünlerini ve popüler kategorileri açık tutmak, o ziyaretçiye çıkış yerine bir yön verir.
"Sildiğim blok geri geliyor"
Bu dört sayfada blok ekleyip silmek serbesttir. Ancak sildiğiniz blok şablonun yerleşik parçalarından biriyse (örneğin Araç Çubuğu ya da Aktif Filtre Özeti), editörü bir sonraki açışınızda geri gelir.
Sebebi şudur: şablonunuz eskiyse eksik blokların kendiliğinden tamamlanması gerekir — yoksa yeni eklenen bir blok hiçbir mağazaya ulaşmaz. Bu tamamlama bugün "mağazacı bu bloğu bilerek sildi" ile "bu şablon eski" ayrımını yapamıyor.
Ne yapmalı: bloğu silmek yerine görünürlük anahtarından kapatın. Kapatılmış blok geri açılmaz; ziyaretçi de onu görmez. Sonuç sizin istediğinizle aynıdır ve kalıcıdır.
"Panelde gördüğüm sayı ile sitemdeki farklı"
Yeni bir ayar eklendiğinde, o ayarı hiç değiştirmemiş eski şablonlarda ayarın kutusu boş kalır. Panel boş bir sayı kutusunda izin verilen en küçük değeri gösterir — ayarın gerçek değerini değil.
En görünür örneği Ürün Listesi → Sayfa Başına Ürün: panelde 4 yazar, ama sitenizde sayfa başına 24 ürün çizilir. Site doğru davranır, yanıltan paneldeki gösterimdir.
Ne yapmalı: ayarı bir kez elle yazıp kaydedin. O andan sonra panel ile siteniz aynı sayıyı gösterir. Değeri değiştirmek istemiyorsanız istediğiniz değeri (örneğin 24) yazıp kaydetmeniz yeterlidir.
Sık sorulan
Ayarı kategori sayfasında değiştirdim, marka sayfam değişmedi. Neden? Her sayfa türünün kendi şablonu vardır. Aynı ayarı marka, etiket ve arama sayfalarında da istiyorsanız her birinin şablonunu ayrı ayrı düzenlemelisiniz. Hangi bloğun hangi sayfalarda çıktığı yukarıdaki tabloda.
Liste İçi Kampanya bloğunu ekledim ama sitemde göremiyorum. Üç ihtimal: (1) başlık, açıklama, rozet ve görselin hepsi boştur — blok bu durumda canlı sitede çizilmez; (2) Kaçıncı Üründen Sonra değeri o sayfadaki ürün sayısından büyüktür; (3) Mobilde Göster kapalıyken telefondan bakıyorsunuzdur.
Filtrelerimin yanındaki sayılar yanlış görünüyor. Ürün Sayılarını Göster açıkken görünen rakamlar o anki filtre kombinasyonuna göre hesaplanır; başka bir filtre seçildiğinde değişmeleri normaldir.
Sayfa başına ürünü artırırsam SEO'm etkilenir mi? Sayfa sayısı azalır, her sayfa daha ağırlaşır. Çok yüksek değerler (80–96) sayfa açılış süresini uzatır ve bu mobil sıralamayı olumsuz etkileyebilir. 24–48 arası çoğu katalog için dengelidir.
Aktif Filtre Özeti bloğunu silebilir miyim? Evet, bu dört sayfada blok silmek serbesttir — ama silmek yerine kapatmanız önerilir; yukarıdaki "Sildiğim blok geri geliyor" bölümüne bakın.
Bu sayfa faydalı oldu mu?