Shopify Liquid ile İleri Seviye Özelleştirme Örnekleri

Shopify Liquid Nedir?

Liquid, Shopify tarafından geliştirilmiş açık kaynaklı bir şablon dilidir. Mağaza temalarınızda dinamik içerik yönetimi sağlar, değişkenler, filtreler ve mantıksal kontrollerle özelleştirmeye olanak tanır.

Özel Koleksiyon Filtreleri

Liquid kullanarak müşterilerin koleksiyonlar içinde belirli özelliklere göre filtreleme yapmasını sağlayabilirsiniz. Örneğin, renk, fiyat aralığı veya stok durumu bazlı filtreler oluşturmak mümkündür.

{% assign filtered_products = collection.products | where: 'available', true | where: 'tags', 'indirim' %}

Bu örnek, sadece stokta olan ve 'indirim' etiketi taşıyan ürünleri listeler.

Dinamik Ürün Özelleştirme

Müşterilerin ürün seçeneklerini seçerken fiyat ve görünümlerinin otomatik güncellenmesi için Liquid ve JavaScript birlikte kullanılabilir. Örneğin, ürün varyantlarına göre fiyat göstermek için:

{% for variant in product.variants %}{% raw %}{% endraw %}{{ variant.title }}{% raw %}{% endraw %} - {% raw %}{% endraw %}{{ variant.price | money }}{% raw %}{% endraw %}{% endfor %}

Özel Sepet İşlevleri

Sepet sayfasında Liquid ile kişiselleştirilmiş mesajlar veya kampanya kodu alanları ekleyerek kullanıcı deneyimini artırabilirsiniz. Ayrıca, sepet toplamına göre ücretsiz kargo gibi koşullar tanımlanabilir.

Kişiselleştirilmiş Müşteri Deneyimi

Liquid ile müşterinin giriş yapıp yapmadığını kontrol ederek farklı içerikler göstermek mümkündür. Örneğin, giriş yapan müşterilere özel indirim kuponları veya öneriler sunabilirsiniz.

{% if customer %}Hoşgeldiniz, {% raw %}{% endraw %}{{ customer.first_name }}{% raw %}{% endraw %}!{% else %}Lütfen giriş yapınız.{% endif %}

Performans Optimizasyonları

Liquid kodlarını optimize ederek mağaza yükleme hızını artırabilirsiniz. Gereksiz döngülerden kaçınmak, önbellekleme kullanmak ve filtreleri etkin kullanmak önemlidir.

Sıkça Sorulan Sorular

Bu bölümde Liquid ile ilgili en çok sorulan sorulara yanıt bulabilirsiniz.