<![CDATA[
{{ if (SC.page.products && SC.page.products.length) { }}
<h4 class="recommendation__title">Bu ürünleri de beğenebilirsin</h4>
<!-- Slick kaydırıcı sarmalayıcı --><div class="scarab-slick related">
{{ for (var i=0; i<SC.page.products.length; i++) { }}
{{ var p = SC.page.products[i]; }}
<div class="scarab-item" data-scarabitem="{{= p.id }}"><a href="{{= p.link }}"><!-- Slick lazy-load: src yerine data-lazy --><img data-lazy="{{= p.image }}" alt="{{= p.title }}"></a><span class="scarab-ptitle">{{= p.title }}</span><div class="price-info">
{{ var hasMsrp = (typeof p.msrp !== 'undefined' && p.msrp !== null && p.msrp !== 0); }}
{{ if (hasMsrp && p.msrp != p.price) { }}
<span class="current-price">{{= Number(p.price).toLocaleString('tr-TR') }} TL</span><span class="discounted-price">{{= Number(p.msrp).toLocaleString('tr-TR') }} TL</span>
{{ } else { }}
<span class="current-price">{{= Number(p.price).toLocaleString('tr-TR') }} TL</span>
{{ } }}
</div></div>
{{ } }}
</div>
{{ } }}
]]>
(function(){
var relatedInited = false;
function initRelatedSlick(){
if(relatedInited) return;
var $wrap = $('#related-recs .scarab-slick');
var itemCount = $wrap.children('[data-scarabitem]').length;
if(!$wrap.length || !itemCount) return;
relatedInited = true;
// Kaç gösterileceğine göre autoplay/infinite kararları:
var show = 6;
var canLoop = itemCount > show;
$wrap.slick({
slidesToShow: 6,
slidesToScroll: 2,
autoplay: true,
autoplaySpeed: 2500, // 2.5 sn (isteğe göre 2000-4000 ms)
pauseOnHover: true,
pauseOnFocus: true,
infinite: true,
speed: 400,
arrows: true,
dots: false,
lazyLoad: 'progressive',
variableWidth: false,
responsive: [
{ breakpoint: 1280, settings: { slidesToShow: 5, slidesToScroll: 5, infinite: itemCount > 5, autoplay: itemCount > 5 } },
{ breakpoint: 1024, settings: { slidesToShow: 4, slidesToScroll: 4, infinite: itemCount > 4, autoplay: itemCount > 4 } },
{ breakpoint: 768, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: itemCount > 3, autoplay: itemCount > 3 } },
{ breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, infinite: itemCount > 2, autoplay: itemCount > 2 } }
]
});
console.log('[RELATED] items:', itemCount);
}
// Emarsys recommend: RELATED → gerekirse AUTO fallback
var ScarabQueue = window.ScarabQueue = window.ScarabQueue || [];
// Yedek gözlemci: render çok hızlı gelirse
var rel = document.getElementById('related-recs');
if(rel){
var obs = new MutationObserver(function(){
if (document.querySelector('#related-recs .scarab-slick [data-scarabitem]')) {
initRelatedSlick();
obs.disconnect();
}
});
obs.observe(rel, { childList: true, subtree: true });
}
})();
