Theme.js Kullanımı
Bu dökümantasyon,theme.js deki işlevlerin ve kullanılabilecek değişkenlerin açıklamasını içermektedir.
Eklenen her blokta otomatik atanmış bir id değeri bulunmaktadır. data-block-id="BLOCK.ID"
şeklinde Tüm bloklara atanan js değerleri BLOCKS
değikeni içinde bulunmaktadır. Bloklarınıza önceden atanmış öntanımlı işlenmiş değerleri sayfa bazlı global olarak BLOCK_JS
içerisinde bulunmaktadır.
2. id
Değişkenine erişme örneği ve BLOCK
Değişkeni
Blok bazlı işlemler yapmak için blok id’si kullanılmalıdır. BLOCK değeri id ye göre bulunmalı
Böylece BLOCK
içindeki değişkenler kullanılaiblir hale gelir.
const selectedElement = document.querySelector('[data-toggle="selected-element"]');
const id = selectedElement.closest('[data-block-id]')?.dataset.blockId || 0;
const BLOCK = Array.from(BLOCKS).find(x => x.ID == id) || {};
const SETTING = BLOCK?.SETTING || {};
Örnek Kullanım
HTML yapısı aşağıdaki gibi olmalıdır:
<div data-block-id="123">
<nav data-toggle="selected-element">
<a href="/profile">Profile</a>
<a href="/orders">Orders</a>
<a href="/settings">Settings</a>
</nav>
</div>