Сообщение #6 Dysha-Kuzbass » 01.04.2021, 17:02
В общем, это работает так:
Okay/Modules/OkayCMS/Banners/design/html/show_banner.tpl заменить последний код:
Код: Выделить всё
{if $banner_data->settings.as_slider}
<script>
document.addEventListener('DOMContentLoaded', function(){
$('.fn_banner_{$banner_data->group_name|escape}').each(function(){
var swiper = new Swiper(this, {
loop: {if isset($banner_data->settings.loop) && !empty($banner_data->settings.loop)}true{else}false{/if},
{if isset($banner_data->settings.autoplay) && !empty($banner_data->settings.autoplay)}
autoplay: {
delay: {if isset($banner_data->settings.rotation_speed) && !empty($banner_data->settings.rotation_speed)}{$banner_data->settings.rotation_speed|intval}{else}2500{/if},
},
{/if}
{if isset($banner_data->settings.nav) && !empty($banner_data->settings.nav)}
navigation: {
nextEl: this.querySelector('.swiper-button-next'),
prevEl: this.querySelector('.swiper-button-prev'),
},
{/if}
{if isset($banner_data->settings.dots) && !empty($banner_data->settings.dots)}
pagination: {
el: this.querySelector('.swiper-pagination'),
clickable: true,
},
{/if}
slidesPerView: 1,
effect: 'fade',
loop: true,
fadeEffect: { crossFade: true },
watchOverflow: true,
breakpoints: {
320: {
slidesPerView: 1,
},
991: {
slidesPerView: 1,
},
}
});
});
});
</script>
{/if}
В общем, это работает так:
[b]Okay/Modules/OkayCMS/Banners/design/html/show_banner.tpl[/b] заменить последний код:
[code]{if $banner_data->settings.as_slider}
<script>
document.addEventListener('DOMContentLoaded', function(){
$('.fn_banner_{$banner_data->group_name|escape}').each(function(){
var swiper = new Swiper(this, {
loop: {if isset($banner_data->settings.loop) && !empty($banner_data->settings.loop)}true{else}false{/if},
{if isset($banner_data->settings.autoplay) && !empty($banner_data->settings.autoplay)}
autoplay: {
delay: {if isset($banner_data->settings.rotation_speed) && !empty($banner_data->settings.rotation_speed)}{$banner_data->settings.rotation_speed|intval}{else}2500{/if},
},
{/if}
{if isset($banner_data->settings.nav) && !empty($banner_data->settings.nav)}
navigation: {
nextEl: this.querySelector('.swiper-button-next'),
prevEl: this.querySelector('.swiper-button-prev'),
},
{/if}
{if isset($banner_data->settings.dots) && !empty($banner_data->settings.dots)}
pagination: {
el: this.querySelector('.swiper-pagination'),
clickable: true,
},
{/if}
slidesPerView: 1,
effect: 'fade',
loop: true,
fadeEffect: { crossFade: true },
watchOverflow: true,
breakpoints: {
320: {
slidesPerView: 1,
},
991: {
slidesPerView: 1,
},
}
});
});
});
</script>
{/if}[/code]