Shopify Tema Ekosistemi
Shopify dünyanın en büyük e-ticaret platformlarından biri olarak milyonlarca mağazaya güç veriyor. Online Store 2.0 ile tema geliştirme tamamen yenilendi.
Shopify tema ekosistemi; resmi Theme Store, özel (custom) temalar ve ajans/partner geliştirmeleriyle oldukça geniştir. Geliştirici olarak hedefiniz, hem performanslı hem de esnek bir yapı kurarken, mağaza sahibinin yönetim panelinden mümkün olduğunca çok alanı kontrol edebilmesini sağlamaktır.
Liquid: Shopify’nin Şablon Dili
Liquid, Shopify temalarının temelini oluşturan şablon dilidir. Objects, Tags ve Filters olmak üzere üç temel yapı kullanır. Basit söz dizimi ile karmaşık e-ticaret senaryolarını yönetmek mümkündür.
Temel Liquid bileşenleri:
- Objects (Nesneler):
{{ product.title }},{{ cart.total_price }}gibi Shopify verilerini çıktı almak için kullanılır. - Tags (Etiketler): Mantıksal akış ve kontrol için kullanılır. Örneğin:
{% if product.available %}...{% endif %}{% for product in collection.products %}...{% endfor %}- Filters (Filtreler): Veriyi formatlamak için kullanılır. Örneğin:
{{ product.price | money }}{{ article.published_at | date: "%d.%m.%Y" }}
Basit bir ürün listeleme örneği:
```liquid
{% for product in collection.products %}
{{ product.title }}
{{ product.price | money }}
{% if product.available %}
Sepete Ekle
{% else %}
Stokta yok
{% endif %}
{% endfor %}
```
Liquid ile çalışırken:
- Mantığı (if/for) mümkün olduğunca sınırlı tutup, karmaşık iş kurallarını uygulama tarafına bırakın.
- Filtreleri zincirleyerek (chaining) gereksiz yardımcı fonksiyon yazımını azaltın.
- Çıktı güvenliğini korumak için kullanıcı girdilerini filtreleyin.
Online Store 2.0 Mimarisi
Online Store 2.0 (OS 2.0), Shopify tema mimarisini kökten değiştiren bir güncellemedir. Amaç; temaları daha modüler, yönetilebilir ve uygulamalarla uyumlu hale getirmektir.