Adalar ve uygulamalar
Sepete ekle, taksit, arama gibi etkileşimli parçaları platform verir. Tema yalnız yerini ve yedeğini yazar.
Adalar
Sepet, ödeme, arama, favoriler, taksit hesabı gibi parçaların mantığını platform yönetir. Temada yerini
{% ada %} ile işaretle; içine sayfa ilk açıldığında görünecek yedek HTML'i yaz. Tarayıcıda platformun parçası
yedeğin yerine geçer.
<div class="urun-satin-al">
{% ada 'sepete-ekle' %}
<button class="dugme" disabled>Sepete ekle</button>
{% endada %}
{% ada 'taksit' %}{% endada %}
</div>Adaya ayar verebilirsin; değer Liquid ifadesidir:
{% ada 'arama', gorunum: 'ikon' %}<a href="{{ yollar.ara }}">Ara</a>{% endada %}
{% ada 'kart-favori', urun: p.id, baslik: p.title %}{% endada %}Her ada belli bir sayfa bölgesinde çalışır. Bölgesi dışında kullanılan ada yalnız yedeğini gösterir.
| Bölge | Adalar |
|---|---|
| Üst kısım (header) | arama, favori, hesap, sepet, dil, para, mobil-menu, menu |
| Ürün sayfası | sepete-ekle, taksit, taksit-tablosu, guven, urun-yorumlari, galeri, favori-dugmesi |
| Ürün listesi | filtreler, urun-izgarasi |
| Alt kısım (footer) | iyzico, cerez |
| İçerik sayfası | arama-kutusu, yorum-seridi |
| Her yerde | kart-favori (ürün kartındaki kalp; urun, baslik) |
Uygulamalar
Mağazanın açtığı uygulamalar uygulamalar.<ad> olarak gelir: acik (açık mı) ve uygulamanın ayarları. Bugün
temaya açık uygulamalar: yorumlar, teklif (teklif iste), bulten (e-bülten).
Görünümü kendin yazabilirsin:
{%- if uygulamalar.bulten.acik -%}
<form class="bulten">…</form>
{%- endif -%}Ya da platformun hazır parçasını çağırırsın; senin renk değişkenlerinle çizilir, uygulama kapalıysa hiçbir şey çizilmez:
{% uygulama 'bulten' %}Hazır parçayı değiştirmek istersen temana parcalar/uygulama-<ad>.liquid koy (parcalar/uygulama-bulten.liquid);
{% uygulama %} seninkini kullanır.