Shopify Liquid ile Ürün Filtresi ve Arama Özellikleri Ekleme

Shopify Liquid Nedir?

Shopify Liquid, Shopify temalarında kullanılan açık kaynaklı şablon dilidir. HTML ile entegre olarak dinamik içerik oluşturmanıza olanak tanır. Ürün listeleri, koleksiyonlar ve kullanıcı etkileşimleri gibi verileri kontrol etmek için idealdir.

Ürün Filtresi Neden Önemlidir?

Online mağazalarda kullanıcıların aradıkları ürünlere kolay erişebilmesi satışları artırır. Filtreleme, kullanıcıların fiyat, kategori, renk gibi kriterlere göre ürünleri daraltmasını sağlar. Bu, alışveriş deneyimini geliştirir ve müşteri memnuniyetini yükseltir.

Liquid ile Basit Ürün Filtresi Oluşturma

Liquid ile ürün filtreleri oluşturmak için koleksiyonlar ve ürün özellikleri kullanılır. Örneğin, fiyat aralığı veya etiketlere göre filtreleme eklemek mümkündür. Bu bölümde örnek Liquid kodları ve uygulama yöntemleri paylaşılacaktır.

{% comment %} Fiyat filtresi örneği {% endcomment %}

  
    Fiyat Aralığı Seçin
    0 - 50 TL
    51 - 100 TL
    101 - 200 TL
  

{% assign filtered_products = collection.products | where_exp: “product”, “product.price >= 0” %}
{% if price_filter %}
{% assign range = price_filter | split: ‘-’ %}
{% assign filtered_products = collection.products | where_exp: “product”, “product.price >= range[0] and product.price <= range[1]” %}
{% endif %}

Gelişmiş Ürün Arama Özelliği Eklemek

Shopify’ın yerleşik arama fonksiyonları Liquid ile genişletilebilir. AJAX ve JavaScript entegrasyonlarıyla anlık arama sonuçları sağlamak mümkündür. Ayrıca, koleksiyonlar üzerinde detaylı filtreleme için metafield kullanımı önerilir.

Filtre ve Arama Performansını Optimize Etme

Filtre ve arama özellikleri kullanıcı deneyimini iyileştirirken performans optimizasyonu da önemlidir. CDN kullanımı, sorgu sayısını azaltma, önbellekleme ve asenkron veri yükleme teknikleri ile sayfa hızını artırabilirsiniz.

Sonuç ve İpuçları

Shopify Liquid ile ürün filtreleri ve arama özelliklerini entegre etmek, mağazanızın kullanılabilirliğini ve satış potansiyelini yükseltir. Kodları düzenli tutmak, kullanıcı geri bildirimlerini değerlendirmek ve sürekli geliştirme yapmak başarıyı getirir.