$(document).ready(function () { $('#slick-id{data.uid}-main').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, lazyLoad: '{data.pi_flexform.lazyLoad}', asNavFor: '#slick-id{data.uid}-nav' }); $('#slick-id{data.uid}-nav').slick({ dots: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.dots)}, slidesToShow: {data.pi_flexform.slidesToShow}, slidesToScroll: {data.pi_flexform.slidesToScroll}, swipe: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.swipe)}, swipeToSlide: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.swipeToSlide)}, touchMove: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.touchMove)}, asNavFor: '#slick-id{data.uid}-main', centerMode: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.centerMode)}, centerPadding: '{data.pi_flexform.centerPadding}', focusOnSelect: true, touchThreshold: 25, autoplay: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.autoplay)}, autoplaySpeed: {data.pi_flexform.autoplaySpeed}, draggable: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.draggable)}, infinite: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.infinite)}, lazyLoad: '{data.pi_flexform.lazyLoad}', waitForAnimate: {f:if(then: 'true', else: 'false', condition: data.pi_flexform.waitForAnimate)} }); });