Добрый день! Подскажите, пожалуйста, как поборот ошибку с каруселью. Решил я поменять стандуртную карусель на слик слайдер, но при смене города на главной странице, при ajax получаю ошибки:
slick.min.js:1 Uncaught TypeError: Cannot read properties of null (reading 'add')
at e.initADA (slick.min.js:1:19335)
at e.init (slick.min.js:1:19101)
at new <anonymous> (slick.min.js:1:2832)
at i.fn.slick (slick.min.js:1:42781)
at Function.<anonymous> (<anonymous>:1:145)
at Function.trigger (scripts-a848fef6d85148083a86cdf32c71577c1708331927.js?1708331927:1:276448)
at Ot.e.ceEvent (scripts-a848fef6d85148083a86cdf32c71577c1708331927.js?1708331927:1:344867)
at Function.commonInit (scripts-a848fef6d85148083a86cdf32c71577c1708331927.js?1708331927:1:394567)
at Function.<anonymous> (scripts-a848fef6d85148083a86cdf32c71577c1708331927.js?1708331927:75:30)
at Function.trigger (scripts-a848fef6d85148083a86cdf32c71577c1708331927.js?1708331927:1:276448)
Вот скрипт, который я использовал :
<script>
(function(_, $) {
$.ceEvent('on', 'ce.commoninit', function(context) {
var slider = context.find('#banner_slider_{$block.snapping_id}');
if (slider.length) {
slider.slick({
rtl: '{$language_direction}' === 'rtl',
{if $items|count >= 4}
slidesToShow: 4,
slidesToScroll: 4,
{else}
slidesToShow: 1,
slidesToScroll: 1,
{/if}
speed: {$block.properties.speed|default:400},
autoplay:true,
infinite: true,
autoplaySpeed: {$block.properties.delay * 1000},
{if $block.properties.navigation == "A"}
arrows: true,
prevArrow: '<button type="button" class="slick-prev"><i class="ty-icon-left-open-thin"></i></button>',
nextArrow: '<button type="button" class="slick-next"><i class="ty-icon-right-open-thin"></i></button>',
dots: false,
{/if}
{if $block.properties.navigation == "N"}
arrows: false,
dots: false,
{/if}
{if $block.properties.navigation == "D"}
arrows: false,
dots: true,
{/if}
{if $block.properties.navigation == "P"}
arrows: true,
prevArrow: '<button type="button" class="slick-prev"><i class="ty-icon-left-open-thin"></i></button>',
nextArrow: '<button type="button" class="slick-next"><i class="ty-icon-right-open-thin"></i></button>',
dots: true,
{/if}
pauseOnHover: true,
responsive: [
{
breakpoint: 768,
settings: {
{if $items|count >= 4}
slidesToShow: 2,
slidesToScroll: 2,
{else}
slidesToShow: 1,
slidesToScroll: 1,
{/if}
}
},
{
breakpoint: 480,
settings: {
{if $items|count >= 4}
slidesToShow: 2,
slidesToScroll: 2,
{else}
slidesToShow: 1,
slidesToScroll: 1,
{/if}
}
}
]
});
}
});
})(Tygh, Tygh.$);
</script>