templates/bundles/SyliusShopBundle/Homepage/index.html.twig line 87

Open in your IDE?
  1. {% extends '@SyliusShop/layout-full-width.html.twig' %}
  4. {% block head %}
  5.     {{ parent() }}
  7.     {% block stylesheets %}
  8.         {{ parent() }}
  10.         <link href='https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css' rel='stylesheet' />
  11.     {% endblock %}
  12. {% endblock %}
  14. {% block title %}Mons Fromages | Fromager et affineur depuis 1960{% endblock %}
  16. {% block content %}
  17.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  18.     <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  19.     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  20.     <div class="homepage">
  21.         <!-- next line can be deleted if not needed -->
  22.         {# sylius_template_event('sylius.shop.homepage') #}
  26.         {{ render(path('bitbag_sylius_cms_plugin_shop_media_index_by_section_code', {'sectionCode' : 'slider-accueil', 'template' : '@SyliusShop/Homepage/slider.html.twig'})) }}
  30.         <div class="related-products homepage__related-products">
  31.             <div class="container">
  32.                 <img class="related-products__icon" src="{{ asset('assets/shop/img/associated-icon.png') }}" alt="{{ 'sylius.ui.produitsassocies'|trans }}">
  33.                 <span class="related-products__tagline">Mons fromagers & Affineurs</span>
  34.                 <h4 class="related-products__title">{{ 'sylius.ui.decouvrezb'|trans|raw }}</h4>
  35.             </div>
  36.             <div class="homepage__related-products-container" data-aos="fade-right">
  37.                 <div class="related-products__products">
  39.                     {{ render(url('sylius_shop_partial_product_index_latest', {'count': 10, 'template': '@SyliusShop/Homepage/_list.html.twig'})) }}
  41.                 </div>
  43.             </div>
  44.             <div class="text-center">
  45.                 <a href="{{ path('app_shop_product_search') }}" class="button homepage__related-products-button">{{ 'sylius.ui.voirnouveautes'|trans|raw }} <i class="fas fa-arrow-right"></i></a>
  46.             </div>
  47.         </div>
  49.         <div class="container">
  50.             <div class="discover">
  51.                 <div class="discover__image" data-aos="fade-right">
  52.                     <img src="{{ asset('assets/shop/images/homepage/discover.png') }}" alt="">
  53.                     <img src="{{ asset('assets/shop/img/logo-mons-fromages.svg') }}" alt="Logo MonS Fromagers Affineur" class="discover__logo" />
  54.                 </div>
  55.                 <section class="discover__content" data-aos="fade-left">
  56.                     <h1 class="page__title discover__title">
  57.                         <span class="page__tagline">{{ 'sylius.home.who_are_we'|trans }}</span>
  58.                         {{ 'sylius.home.discover_mons'|trans }}
  59.                     </h1>
  60.                     <div class="discover__text">
  61.                         {{ render(path('bitbag_sylius_cms_plugin_shop_page_show_link_by_code', {'code' : 'decouvrez-maison-mons', 'template' : '@BitBagSyliusCmsPlugin/Shop/Page/blocks/_home-discover-mons.html.twig'})) }}
  62.                     </div>
  63.                     <a href="{{ bitbag_cms_get_link_for_code('notre-histoire') }}" class="button button--outline-red button--medium" title="{{ 'sylius.home.discover_mons'|trans|e('html_attr') }}">{{ 'sylius.home.discover_house'|trans }}</a>
  64.                 </section>
  65.             </div>
  66.         </div>
  67.         <div class="homepage__more-info" data-aos="fade-left">
  68.             <div class="homepage__more-info-block">
  69.                 <div class="homepage__more-info-content">
  70.                     <div class="homepage__more-info-tagline">{{ 'sylius.home.information_inquiry'|trans }}</div>
  71.                     <div class="homepage__more-info-title">{{ 'sylius.home.for_more_details_contact_us'|trans }}</div>
  72.                     <a href="{{ bitbag_cms_get_link_for_code('contact') }}" class="button button--secondary button--medium" title="{{ 'sylius.home.contact_us'|trans|e('html_attr') }}"><i class="fas fa-envelope"></i>{{ 'sylius.home.contact_us'|trans }}</a>
  73.                 </div>
  74.                 <div class="homepage__more-info-image">
  75.                     <img src="{{ asset('assets/shop/images/homepage/chevre.png') }}" alt="">
  76.                 </div>
  77.             </div>
  78.         </div>
  79.         <div class="bg-dark homepage__affinage">
  80.             <div class="container">
  81.                 <div class="news-latest">
  82.                     <div class="news-latest__main-title">"L'Affinage, c'est du <em>vivant</em>, donc de l'<em>émotion</em>"</div>
  83.                     <div class="news-latest__author"><img src="{{ asset('assets/shop/images/homepage/signature-herve-mons.png') }}" alt="Hervé Mons"></div>
  84.                     <div class="news-latest__main-tagline">Actualités du moment</div>
  85.                     <div class="news-latest__carousel">
  86.                         <div class="news-latest__items">
  87.                             {{ render(url('odiseo_sylius_blog_plugin_shop_partial_article_index_latest', {'count': 3, 'template': '@OdiseoSyliusBlogPlugin/Shop/Article/_home.html.twig'})) }}
  88.                         </div>
  89.                         <div class="carousel-prev">Précédent</div>
  90.                         <div class="carousel-next">Suivant</div>
  91.                     </div>
  92.                 </div>
  93.             </div>
  94.         </div>
  95.         <div class="store-list">
  96.             <div class="store-list__columns">
  97.                 <div class="store-list__map-block" data-aos="fade-right">
  98.                    <div id='map'></div>
  99.                 </div>
  100.                 <div class="store-list__list store-list__list--alternate" data-aos="fade-left">
  101.                     <h1 class="store-list__title">{{ 'sylius.home.discover_our_stores'|trans|raw }}</h1>
  103.                     {{ render(controller('App\\Controller\\Shop\\StoreController::home')) }}
  105.                     <br>
  106.                     <a href="{{ path('app_shop_store_index') }}" class="button button--secondary button--medium" title="{{ 'sylius.home.see_all_our_stores'|trans|e('html_attr') }}">{{ 'sylius.home.see_all_our_stores'|trans }}</a>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </div>
  111. {% endblock %}
  113. {% block javascripts %}
  114.     {{ parent() }}
  116.     <script type="text/javascript">
  117.         $(document).ready(function () {
  118.             $('.related-products__products').slick({
  119.                 slidesToShow: 3,
  120.                 slidesToScroll: 1,
  121.                 arrows: true,
  122.                 dots: false,
  123.                 infinite: false,
  124.                 autoplay: true,
  125.                 autoplaySpeed: 3000,
  126.                 responsive: [
  127.                     {
  128.                         breakpoint: 991,
  129.                         settings: {
  130.                             slidesToShow: 2,
  131.                         }
  132.                     },
  133.                     {
  134.                         breakpoint: 768,
  135.                         settings: {
  136.                             slidesToShow: 1,
  137.                         }
  138.                     },
  139.                 ]
  140.             });
  142.             $('.banner-carousel__slides').slick({
  143.                 infinite: true,
  144.                 dots: true,
  145.                 slidesToShow: 1,
  146.                 slidesToScroll: 1,
  147.                 prevArrow: $('.carousel-left'),
  148.                 nextArrow: $('.carousel-right'),
  149.                 appendArrows: false,
  150.                 autoplay: true,
  151.                 autoplaySpeed: 3000
  152.             });
  153.             $('.news-latest__items').slick({
  154.                 infinite: true,
  155.                 dots: true,
  156.                 slidesToShow: 1,
  157.                 slidesToScroll: 1,
  158.                 prevArrow: $('.carousel-prev'),
  159.                 nextArrow: $('.carousel-next'),
  160.                 appendArrows: false,
  161.                 autoplay: true,
  162.                 autoplaySpeed: 3000
  163.             });
  164.         });
  165.     </script>
  166. {% endblock %}