Datalife Engine - Türkçe Destek ( DLE )

Bu eklenti ile kullanıcılarınıza belirli vakit aralıklarında popup gösterebilirsiniz

İlk olarak gereken javascript kütüphanelerini indiriyoruz.
1) https://github.com/js-cookie/js-cookie ( Dosya yolu: /src/js.cookie.js )
2) https://github.com/vodkabears/Remodal ( Dosya yolları: /dist/remodal-default-theme.css, /dist/remodal.min.js, /dist/remodal.css )

CSS dosyalarını temanızdaki css lerin bulunduğu ( /css ) klasöre, JS dosyalarını da aynı şekilde js dosyalarının bulunduğu ( /js ) klasöre atın.

Temanızın main.tpl dosyasını açarak css ve js dosyalarını aşağıdaki örnekteki gibi ekleyin. ( css leri head içine, js leri body kapanışından öncesine ekleyin )

<link href="{THEME}/css/remodal.css" type="text/css" rel="stylesheet">
<link href="{THEME}/css/remodal-default-theme.css" type="text/css" rel="stylesheet">

<script src="{THEME}/js/js.cookie.js"></script>
<script src="{THEME}/js/remodal.min.js"></script>

<script type="text/javascript">
	if ( ! Cookies.get('duyuru') ) {
		var duyuru = $('#duyuru').remodal();
		setTimeout( function() {
			Cookies.set('duyuru', '1', { expires: 1 });
			duyuru.open();
		}, 1500 );
	}
</script>

Koddaki expires: 1 demek günde 1 kez demek, yani ikinci gösterimi ilk gösterimden 1 gün sonra olacaktır. 1500 ise sayfa açıldıktan 1,5 saniye sonra popup açılacak demektir.

Bu HTML kod, eklenen javascript dosyalarından daha yukarı eklenmelidir. Başlığı ve içeriği kendizine göre düzenleyin.

<div data-remodal-id="duyuru" role="dialog" aria-labelledby="modal2Title" aria-describedby="modal2Desc">
	<div>
		<h2 id="modal2Title">Pencere Başlığı</h2>
		<p id="modal2Desc">
			Açıklamalar buraya
		</p>
	</div>
	<button data-remodal-action="confirm" class="remodal-confirm">Tamam</button>
</div>