E-Ticaret sistemlerinin temel yapılarından birisi ürün filtreleridir.

Her kullanıcı yüzlerce ürün arasından hızlı ve kolayca sadece aradığı ürünleri görmek istemektedir.

Yönetim panelinizde ürünlerinize filtre tanımlayabilmek için, öncelikle filtre grupları ve filtre içerikleri oluşturmanız gerekmektedir.

Filtre eklemek için "Kategoriler > Filtreler" sayfasına tıklayınız.

filtre-1.png (308 KB)


Filtre Grubu Ekleme

Filtreler sayfasında önce filtre gruplarını oluşturmalısınız.

filtre-2.png (47 KB)


1. Yeni Grup : Filtre grubu eklemek için kullanılmaktadır. 

filtre3-1.png (54 KB)


1.1. Grup Adı (Admin) : Filtre grubunun yönetim panelinde görünen ismidir.

1.2. Grup Adı (Web) : Filtre grubunun sitede kullanıcılara görünen ismidir. Boş bırakıldığında filtre başlığı görünmeyecektir.

1.3. Tür : Filtrenin seçim aşamasında tür belirleyebilirsiniz.

- Çoklu seçim : Filtre grubunun içerisinde bulunan niteliklerden birden fazla seçim yapılmasını sağlar.

- Tekli Seçim : Filtre grubunun içerisinde bulunan niteliklerden sadece tek bir seçim yapılmasını sağlar.

- Sayısal Değer : Filtre grubunda seçim yerine sayısal değer girerek işlem yapılmasını sağlar.

1.4. Görünüm : Filtrelerin sitede kullanıcılara görünümünü ek bir kodlama ile farklı tasarımlarda kullanabilirsiniz.

- Liste Görünüm : Standart liste görünümü olarak gösterir.

- Şekil : Ürünlerde kare, oval, üçgen gibi veya şeklini ifade eden özellikleri düz metin yerine görsel olarak filtrede gösterebilirsiniz. Filtre görünümünü şekil seçtiğiniz de filtre nitelikleri eklerken görsel yollarını eklemeniz gerekmektedir.

- Renk : Filtre bloğunda renkleri metin olarak değil renk simgeleri ile göstermek için kullanılmaktadır. Renk seçtiğinizde filtre nitelikleri eklerken renk kodlarını ekleyebilirsiniz.

1.5. Durum : Filtre grubunun sitede kullanımını bu alandan yönetebilirsiniz.

- Aktif/Pasif : Filtrenin ürünlere tanımlanma durumunu ifade etmektedir.

- Gizli : Ürünlere tanımlanan filtrelerin sitede görünmesini istemiyorsanız grubu gizliye alabilirsiniz. 

1.6. Sıra No : Kategori sayfalarında filtrelerin hangi sıra ile görüntüleneceğini düzenleyebilirsiniz.

2. Güncelle : Seçili filtre grubunun ayarlarında düzenleme yapmak için kullanabilirsiniz.

3. Sil : Seçilen filtre grubunu siler. Filtre grubu silindiğinde bağlı olan filtre nitelikleri ve tanımlı olduğu ürünlerden de filtreler silinecektir.

4. Dil Yönetimi : Filtre grubu başlığının diğer dillerdeki çevirilerini ekleyebilirsiniz.




Filtre Nitelikleri Ekleme 

Filtre gruplarınızı oluşturduktan sonra ürünlere tanımlanacak filtre özelliklerini ekleyebilirsiniz.

Filtre niteliği eklemek için, önce bir grup seçiniz.

filtre4.png (71 KB)

1. Yeni Seçenek : Seçili gruba ait olan seçenekleri ekleyebilirsiniz.

filtre5.png (15 KB)


1.1. Seçenek Adı : Filtre niteliğine ait site ve yönetim panelinde görünecek isim alanıdır.

1.2. Veri : Filtre grubunu görünüm türüne göre kulanılmaktadır. 

- Liste Görünüm : Filtre grubu görünümü liste ise bu alandan veri girişi yapmanıza gerek yoktur.

- Şekil : Filtre grubu görünümü şekil seçildiyse bu alandan şekillere ait görsel eklemesi yapabilirsiniz. Ekleyeceğiniz şekil görselini öncelikle dosya yöneticisine yükleyiniz. Görsel üzerinde mouse ile sağ tıklayarak "Bilgi Göster > Yol" alanını kopyalayınız, veri alanına "/Data/..." olarak ekleyiniz. /Data/ alanını sabit olarak kopyaladığınız görsel yolunun başına mutlaka eklemelisiniz. Örnek; "/Data/EditorFiles/sekil1.png" 

filtre7.png (4 KB)

filtre6.png (49 KB)

- Renk : Filtre görünümü renk seçilmiş ise, metin yerine renkleri gösterebilirsiniz. Veri alanına göstermek istediğiniz rengin hex kodunu yazmanız yeterlidir. Renklerin kodlarını internetten kolayca bulabilirsiniz.

filtre9.png (7 KB)

filtre8.png (55 KB)

2. Güncelle : Seçili seçeneği düzenleme yapmak için kullanabilirsiniz.

3. Sil : Seçili seçeneği siler.

4. Ada Göre Sırala : Seçenek listesinde alfabetik sıralama yapar.

5. Dil Yönetimi : Filtre seçeneklerinin diğer dillerdeki çevirilerini ekleyebilirsiniz.


Ürüne Filtre Tanımlanması

Oluşturulan filtreler ürünlere manuel olarak tanımlanmaktadır.

Ürünlere filtre tanımlamak için "Ürünler > Ürünler" sayfasına tıklayınız.

filtre16.png (175 KB)

Filtre eklenecek ürünün düzenleme kalemine tıklayınız.

filtre17.png (65 KB)

Ürün düzenleme penceresinde "Filtre" sekmesine tıklayınız. 

1. Filtre Grubu Seç : Ürüne tanımlanacak filtre gruplarını seçebilirsiniz.

2. Ekle : Seçilen filtre gruplarının ürüne eklenmesi için tıklayınız.

3. Filtre Seçenekleri : Eklenen gruplar içerisinde ki filtre seçeneklerinden seçimler yapabilirsiniz. Sadece yapılan seçimler ürüne tanımlanır.

4. Seçenek Ekle / Sil : İlgili filtre grubuna yeni filtre seçeneği eklemek ve filtre grubunu üründen kaldırmak için kullanabilirsiniz. Bu alandan eklenen yeni seçenekler filtreler sayfasına da eklenir.

filtre18.png (52 KB)


Ürünlere toplu filtre ekleme hakkında Csv Toplu Filtre Ekleme makalemizi incelemek için tıklayınız.


Filtre Bloğunun Siteye Yerleştirilmesi

Filtrelerin sitede görünmesi için, filtre bloğunun ilgili sayfalara eklenmesi gerekmektedir.

Çoğunlukla standart olarak filtre bloğu ürünlerin listelendiği kategori sayfalarına eklenmektedir.

Filtre bloğunun siteye eklenmesi için "Tasarım > Blok Yönetimi > Ürün Liste" sayfasına tıklayınız.

Sağ alanda bulunan blok listesinden "Filtrele" bloğunu bularak, sol/sağ konumlara sürükle bırak mantığı ile ekleyebilirsiniz.

filtre11.png (74 KB)

Filtre bloğunun eklendiği sayfada hangi kısıma eklendi ise, aktif olmalıdır.

filtre12.png (13 KB)

Tasarıma göre filtrele bloğu üst kısımda da kullanılabilmektedir.


Filtre Bloğu Şablon Seçimi

Eklenen filtrele bloğunun şablon seçimlerini değiştirebilirsiniz.

Filtrele bloğunun düzenleme kalemine tıklayarak, blok düzenleme penceresini açınız.

filtre14.png (38 KB)

Düzenleme penceresinde "Şablon" alanında listelenen seçenekler arasından seçim yaparak kullanmak istediğiniz şablonu seçebilirsiniz.

filtre13.png (19 KB)

Site Görünüm

Filtre görünümleri tasarımlara göre farklılıklar gösterebilmektedir.

filtre10.png (2.19 MB)



filtre15.png (975 KB)