119 lines
3.7 KiB
HTML
119 lines
3.7 KiB
HTML
<div class="partnerSlider">
|
|
<button class="p1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828" viewBox="0 0 9.414 16.828">
|
|
<path id="Path_6497" data-name="Path 6497" d="M19,5l-7,7,7,7" transform="translate(-11 -3.586)" fill="none"
|
|
stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
|
|
</svg>
|
|
</button>
|
|
<button class="n1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828" viewBox="0 0 9.414 16.828">
|
|
<path id="Path_6496" data-name="Path 6496" d="M12,5l7,7-7,7" transform="translate(-10.586 -3.586)"
|
|
fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
|
|
</svg>
|
|
</button>
|
|
<div class="partnerSlider__inner">
|
|
{% for reklama in __SELF__.group.adds %}
|
|
<a class="partnerSlider__item" {% if reklama.enable_stats and reklama.url %}
|
|
data-request="{{__SELF__}}::onRedirect" data-request-data='[{id:{{reklama.id}}},{url:"{{reklama.url}}"}]'
|
|
{% else %}
|
|
href="{{reklama.url|default('#')}}" target="_blank"
|
|
{% endif %}
|
|
>
|
|
<picture>
|
|
<source media="(min-width:700px)" srcset="{{reklama.media|media_cdn}}">
|
|
<img src="{{reklama.web_media_mobile|default(reklama.media)|media_cdn}}" alt="{{reklama.title}}">
|
|
</picture>
|
|
</a>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
{% if __SELF__.property('random') %}
|
|
<script>
|
|
// parner slider start
|
|
// ================================================
|
|
$(".partnerSlider__inner").slick({
|
|
dots: false,
|
|
infinite: true,
|
|
speed: 300,
|
|
autoplay: true,
|
|
slidesToShow: 5,
|
|
arrows: true,
|
|
prevArrow: $(".p1"),
|
|
nextArrow: $(".n1"),
|
|
slidesToScroll: 1,
|
|
responsive: [
|
|
{
|
|
breakpoint: 1400,
|
|
settings: {
|
|
slidesToShow: 4,
|
|
slidesToScroll: 2,
|
|
infinite: true,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 1023,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
slidesToScroll: 2,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
// parner slider end
|
|
// ================================================
|
|
</script>
|
|
|
|
{% else %}
|
|
{% put scripts %}
|
|
<script>
|
|
// parner slider start
|
|
// ================================================
|
|
$(".partnerSlider__inner").slick({
|
|
dots: false,
|
|
infinite: true,
|
|
speed: 300,
|
|
slidesToShow: 5,
|
|
arrows: true,
|
|
autoplay: true,
|
|
prevArrow: $(".p1"),
|
|
nextArrow: $(".n1"),
|
|
slidesToScroll: 1,
|
|
responsive: [
|
|
{
|
|
breakpoint: 1400,
|
|
settings: {
|
|
slidesToShow: 4,
|
|
slidesToScroll: 2,
|
|
infinite: true,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 1023,
|
|
settings: {
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
slidesToScroll: 2,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
// parner slider end
|
|
// ================================================
|
|
</script>
|
|
{% endput %}
|
|
{% endif %}
|