{% set banners = attribute(sylius.channel, 'channelBanners') %}<div class="top_banner"> {% if banners is not empty %} <div class="owl-carousel homepage-banner"> {% for banner in banners %} {% if banner.enabled %} <div class="item"> {{ banner.bannerText|raw }} </div> {% endif %} {% endfor %} </div> {% endif %} <div class="container"> <div class="row banner_text"> <div class="offset-md-6 col-md-6 col-12"> <h1 class="col-12 pl-5 pr-5">{{ 'sylius.ui.homePageTitelOne'|trans|raw }}</h1> <h2 class="col-12 pl-5 pr-5">{{ 'sylius.ui.homePageTitelTwo'|trans }}</h2> <div class="col-12 pl-5 pr-5 top_banner_button_class"> <a href="https://histoiresmax.com/boiteahistoires" target="_blank"><button class="btn ui huge btn-primary col-sm-6 mb-2 font-weight-bold" type="submit">{{ 'customStrings.ui.discoverStoryteller'|trans }}</button></a> <a href="https://youtu.be/m0rxaCTFm88" target="_blank"><button type="button" class="btn btn-outline-secondary col-sm-6 mb-2 font-weight-bold">{{ 'customStrings.ui.seeVideo'|trans }}</button></a> </div> </div> </div> </div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script><script> var bannerOwl = $(".owl-carousel.homepage-banner"); bannerOwl.owlCarousel({ items: 1, loop: true, nav: false, dots: false, center: true, autoplay: true, autoplayTimeout: 7000, });</script>