templates/frontend/homepage.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  2. {% block CSS %}
  3.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"
  4.                            integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
  5.     <link rel="stylesheet" href="/assets/frontend/css/owl.carousel.min.css">
  6.     <link href="/assets/frontend/css/styles.css?ver={{global.cssVersion}}" rel="stylesheet" type="text/css" media="all">
  7.     <link href="/assets/frontend/css/responsive.css?ver={{global.cssVersion}}" rel="stylesheet" type="text/css" media="all">
  8.     <link href="/assets/frontend/css/jquery.mmenu.css" rel="stylesheet" type="text/css" media="all">
  10.     <!-- Add the slick-theme.css if you want default styling -->
  11.     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css"/>
  12.     <!-- Add the slick-theme.css if you want default styling -->
  13.     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/>
  14. <style>
  15.     .products-wrap .product {
  16.         padding-left: 15px;
  17.     }
  18. </style>
  19. {% endblock %}
  21. {% block JS %}
  22.     <script src="https://use.fontawesome.com/874ad7ad81.js"></script>
  23.     <!--Modifiez vos paramètres-->
  24.     <!-- Optional JavaScript -->
  25.      <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  26.     <script src="/assets/frontend/js/popper.min.js"
  27.             integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ"
  28.             crossorigin="anonymous"></script>
  29.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"
  30.             integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm"
  31.             crossorigin="anonymous"></script>
  32.     <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>
  33.     <script type="text/javascript" src="/assets/frontend/js/owl.carousel.min.js"></script>
  34.     <script type="text/javascript" src="/assets/frontend/js/jquery.mmenu.js"></script>
  35.     <script type="text/javascript" src="/assets/frontend/js/main.js?ver=1.0"></script>
  36.     <script type="text/javascript" src="/assets/frontend/js/registration.js"></script>
  37.     <script type="text/javascript" src="/assets/frontend/js/region-currency-lang-select.js"></script>
  38.     <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script>
  39.     <script type="text/javascript" src="/assets/frontend/js/custom-select.js"></script>
  41.   
  42.     <script type="text/javascript">
  43.         $(function() {
  44.             $('#menu').mmenu();
  45.         });
  46.     </script>
  47.     {% if global.displayStarterKits %}
  48.         <script src="/assets/shared/plugins/slick-modal-css3-powered-popups/src/demos/js/carousel_slider.js"></script>
  49.         <script src="/assets/shared/plugins/slick-modal-css3-powered-popups/src/plugin/js/jquery.slickmodal.min.js"></script>
  50.         <script type="text/javascript">
  51.             $(function() {
  52.                 {# Javascript for the advertisement #}
  53.                 $('.carouselSlider').SlickModals({
  54.                     restrict_cookieDays: '1',
  55.                     restrict_showAfterVisits: 1,
  56.                     restrict_showAfterVisitsResetWhenShown: false,
  57.                     popup_type: 'exit',
  58.                     popup_animation: 'zoomIn',
  59.                     popup_css: {
  60.                         'width': '480px',
  61.                         // 'height': {% if global.starterKits | length > 2 %}'480px'{% else %}'400px'{% endif %},
  62.                         'height': '350px',
  63.                         'background': '#fff',
  64.                         'padding': '40px',
  65.                         'margin': '0'
  66.                     },
  67.                     overlay_css: {
  68.                         'background': 'rgba(0,0,0,0.3)'
  69.                     },
  70.                     mobile_breakpoint: '480px',
  71.                     mobile_position: 'center',
  72.                     mobile_css: {
  73.                         'width': '100%',
  74.                         // 'height': {% if global.starterKits | length > 2 %}'480px'{% else %}'400px'{% endif %},
  75.                         'height': '350px',
  76.                         'background': '#fff',
  77.                         'padding': '30px',
  78.                         'margin': '0'
  79.                     },
  80.                     callback_afterVisible: function () {
  81.                         sm_carouselSlider('.carouselSlider');
  82.                     }
  83.                 });
  84.             });
  85.         </script>
  86.     {% endif %}
  87.     {% if global.displaySurvey %}
  88.             <script src="/assets/shared/plugins/slick-modal-css3-powered-popups/src/demos/js/carousel_slider.js"></script>
  89.             <script src="/assets/shared/plugins/slick-modal-css3-powered-popups/src/plugin/js/jquery.slickmodal.min.js"></script>
  90.             <script type="text/javascript">
  91.                 $(function() {
  92.                     {# Javascript for the advertisement #}
  93.                     $('.surveyDialog').SlickModals({
  94.                         restrict_cookieDays: '1',
  95.                         restrict_showAfterVisits: 1,
  96.                         restrict_showAfterVisitsResetWhenShown: false,
  97.                         popup_type: 'exit',
  98.                         popup_animation: 'zoomIn',
  99.                         popup_css: {
  100.                             'width': '480px',
  101.                             // 'height': {% if global.starterKits | length > 2 %}'480px'{% else %}'400px'{% endif %},
  102.                             'height': '350px',
  103.                             'background': '#fff',
  104.                             'padding': '40px',
  105.                             'margin': '0'
  106.                         },
  107.                         overlay_css: {
  108.                             'background': 'rgba(0,0,0,0.3)'
  109.                         },
  110.                         mobile_breakpoint: '480px',
  111.                         mobile_position: 'center',
  112.                         mobile_css: {
  113.                             'width': '100%',
  114.                             // 'height': {% if global.starterKits | length > 2 %}'480px'{% else %}'400px'{% endif %},
  115.                             'height': '350px',
  116.                             'background': '#fff',
  117.                             'padding': '30px',
  118.                             'margin': '0'
  119.                         },
  120.                         callback_afterVisible: function () {
  121.                             sm_carouselSlider('.surveyDialog');
  122.                         }
  123.                     });
  124.                 });
  125.             </script>
  126.     {% endif %}
  128. {% endblock %}
  129. {% block title %}{% if CMS.metaTitle is defined %}{{CMS.metaTitle}}{% endif %}{% endblock %}
  130.     {% block metaDescription %}{% if CMS.metaDescription is defined %}{{CMS.metaDescription | raw}}{% endif %}{% endblock %}
  132.         {% block content %}
  133.             <div class="">
  134.                         <div class="row h-545 homepage-header" style="margin-right: -40px;">
  135.                     <!-- Photos header-->
  136.                     <div class="col-xl-8 col-lg-8 no-padding col-md-12 col-sm-12 col-12">
  137.                         <!-- Photos header slider-->
  138.                         <div class="header-slider">
  139.                             <div class="slide">
  140.                                 {% if CMS.bannerImage is defined and CMS.bannerImage is not empty %}
  141.                                     <img class="header-slider-bg w-100 " src="{{path('getImageAsFixedHeight', {'id': CMS.bannerImage, 'height': '361'})}}" alt="">
  142.                                 {% else %}
  143.                                     <img class="header-slider-bg w-100 " src="/assets/frontend/images/header/img1.png" alt="First slide">
  144.                                 {% endif %}
  146.                                 <div class="header-slider-caption">
  147.                                     <div class="header-slider-caption-wrapper">
  148.                                         <h2 class="header-slider-caption-title">
  149.                                             <span>{{CMS.bannerTitle}}</span></h2>
  150.                                         <h6 class="header-slider-caption-description">
  151.                                             <span style="color:black!important;">
  152.                                                 {{CMS.bannerDescription}}
  153.                                             </span>
  154.                                         </h6>
  155.                                         <a href="{{CMS.bannerButtonLink}}" class="header-slider-caption-btn button button-200 button-orange goToCategoryPage">
  156.                                             {{CMS.bannerButton}}
  157.                                         </a>
  158.                                     </div>
  159.                                 </div>
  160.                             </div>
  161.                             <div class="slide">
  162.                                 {% if CMS.bannerNextImage is defined and CMS.bannerNextImage is not empty %}
  163.                                     <img class="header-slider-bg w-100 " src="{{path('getImageAsFixedHeight', {'id': CMS.bannerNextImage, 'height': '361'})}}" alt="">
  164.                                 {% else %}
  165.                                     <img class="header-slider-bg w-100 " src="/assets/frontend/images/header/img1.png" alt="First slide">
  166.                                 {% endif %}
  169.                                 <div class="header-slider-caption">
  170.                                     <div class="header-slider-caption-wrapper">
  171.                                         <h2 class="header-slider-caption-title">
  172.                                             <span>{{CMS.bannerNextTitle}}</span></h2>
  173.                                         <h6 class="header-slider-caption-description">
  174.                                             <span style="color:black!important;">
  175.                                                 {{CMS.bannerNextDescription}}
  176.                                             </span></h6>
  177.                                             <a href="{{CMS.bannerNextButtonLink}}" class="header-slider-caption-btn button button-200 button-orange goToCategoryPage">
  178.                                                 {{CMS.bannerNextButton}}
  179.                                             </a>
  180.                                     </div>
  181.                                 </div>
  182.                             </div>
  183.                         </div>
  184.                         <!-- Photos header slider-->
  185.                     </div>
  186.                     <div class="col-xl-4 col-lg-4 d-none d-xl-block  d-lg-block no-padding">
  187.                         <!-- Photos header slider right section-->
  188.                         <div class="row photo-right-section-top" {% if CMS.bannerTopRightImage is defined and CMS.bannerTopRightImage is not empty %}style="background-size: cover; background-image:url('{{path('getImageAsFixedHeight', {'id': CMS.bannerTopRightImage, 'height': '253'})}}');" {% endif %}>
  189.                             {% if CMS.bannerTopRightImage is not defined or CMS.bannerTopRightImage is empty %}
  190.                                 <img class="photo-section-img " src="/assets/frontend/images/header/img2.png" alt="">
  191.                             {% endif %}
  192.                             <div class="photo-section-caption-top underline-effect-wrapper">
  193.                                 <a href="{{CMS.bannerTopRightLink}}">
  194.                                     <h4 class="photo-section-caption-title"><span
  195.                                         class="underline-effect underline-effect-white underline-effect-h2">{{CMS.bannerTopRightTitle}}</span>
  196.                                     </h4>
  197.                                     <h6 class="photo-section-caption-description">
  198.                                         <span class="underline-effect underline-effect-white underline-effect-h2">{{CMS.bannerTopRightLinkText}}</span>
  199.                                         <span class="photo-section-caption-img"><img src="/assets/frontend/images/icons/arrow-right.png"
  200.                                                                                      alt=""></span>
  201.                                     </h6>
  202.                                 </a>
  203.                             </div>
  204.                         </div>
  205.                         <div class="row photo-right-section-bottom">
  206.                             {% if CMS.bannerBottomRightImage is defined and CMS.bannerBottomRightImage is not empty %}
  207.                                 <img class="photo-section-img " src="{{path('getImageAsFixedHeight', {'id': CMS.bannerBottomRightImage, 'height': '171'})}}" alt="">
  209.                             {% else %}
  210.                                 <img class="photo-section-img "  src="/assets/frontend/images/header/img3.png" alt="">
  211.                             {% endif %}
  212.                             <div class="photo-section-caption-bottom underline-effect-wrapper">
  213.                                 <a href="{{CMS.bannerBottomRightLink}}">
  214.                                     <h4 class="photo-section-caption-title"><span
  215.                                         class="underline-effect underline-effect-white underline-effect-h2">{{CMS.bannerBottomRightTitle}}</span>
  216.                                     </h4>
  217.                                     <h6 class="photo-section-caption-description"><span
  218.                                         class="underline-effect underline-effect-white underline-effect-h2">{{CMS.bannerBottomRightLinkText}}</span>
  219.                                         <span class="photo-section-caption-img"><img src="/assets/frontend/images/icons/arrow-right.png"
  220.                                                                                      alt=""></span>
  221.                                     </h6>
  222.                                 </a>
  223.                             </div>
  224.                         </div>
  225.                         <!-- Photos header right section-->
  226.                     </div>
  227.                     <!-- Photos header-->
  228.                 </div>
  229.                 <!--Main content-->
  230.                 <br>
  231.                  <!--Section 2 - Contenu-->
  232.                 <section class="section-2">
  233.                   <div class="row">
  234.                         <!--Section 6.2 - Nos clients nous disent-->
  235.                         <!--Qu’est-ce que Maturin-->
  236.                         <div class="quest-ce-que-maturin" style="margin:30px auto !important">
  237.                             <div class="quest-ce-que-maturin-caption">{{CMS.widget6Title}}</div>
  238.                             <div class="quest-ce-que-maturin-description">{{CMS.widget6Text}}</div>
  239.                             <div><a href="{{CMS.widget6Link}}">{{CMS.widget6Button}}</a></div>
  240.                         </div>
  241.                     </div>
  242.                     <div class="row">
  243.                         <div class="col-sm-4 text-center">
  244.                             <img src="/assets/frontend/images/icons/pig.png">
  245.                             <h5>{{CMS.widget1Title}}</h5>
  246.                             <p>{{CMS.widget1Text}}</p>
  247.                         </div>
  248.                         <div class="col-sm-4 text-center">
  249.                             <img src="/assets/frontend/images/icons/location.png">
  250.                             <h5>{{CMS.widget2Title}}</h5>
  251.                             <p>{{CMS.widget2Text}}</p>
  252.                         </div>
  253.                         <div class="col-sm-4 text-center">
  254.                             <img src="/assets/frontend/images/icons/truck.png">
  255.                             <h5>{{CMS.widget3Title}}</h5>
  256.                             <p>{{CMS.widget3Text}}</p>
  257.                         </div>
  258.                     </div>
  259.                 </section>
  260.                 <!--Section 2 - Contenu-->
  261.                 
  263.                 {#
  264.                 <!--Section 3 - Produit a proximite slider-->
  265.                 <section class="section-3">
  266.                     <div class="row">
  267.                         <div class="section-title section-title-line">PRODUITS À PROXIMITÉ</div>
  268.                         <div class="slider produit-a-proximite">
  269.                             <div class="slide">
  270.                                 <!--Produit a proximite slider image with buttons-->
  271.                                 <div class="product-group">
  272.                                     <a href="product.html">
  273.                                         <img class="product-image" src="/assets/frontend/images/product1.png">
  274.                                     </a>
  275.                                     <span class="product-btn">
  276.                                         <button class="product-btn-overview" data-toggle="modal"
  277.                                             data-target="#previewModal">APERÇU RAPIDE</button>
  278.                                         <button class="product-btn-like"></button>
  279.                                         <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  280.                                     </span>
  281.                                 </div>
  282.                                 <!--Produit a proximite slider image with buttons-->
  283.                                 <!--Produit a proximite slider description-->
  284.                                 <div class="product">
  285.                                     <h6 class="product-title"><a href="product.html">MINOT DES GLACES</a></h6>
  286.                                     <p class="product-subtitle">Cidrerie du Minot</p>
  287.                                     <div class="product-rating">
  288.                                         <ul class="rating" data-rating="4">
  289.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  290.                                                                                                    id="1"><i
  291.                                                                                                    class="fa fa-star" aria-hidden="true"></i></a></li>
  292.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  293.                                                                                                                  class="fa fa-star" aria-hidden="true"></i></a></li>
  294.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  295.                                                                                                                class="fa fa-star" aria-hidden="true"></i></a></li>
  296.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  297.                                                                                                                class="fa fa-star" aria-hidden="true"></i></a></li>
  298.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  299.                                                                                                   id="5"><i
  300.                                                                                                   class="fa fa-star" aria-hidden="true"></i></a></li>
  301.                                         </ul>
  302.                                         <span>(55)</span>
  303.                                     </div>
  304.                                     <p class="product-price">22,95 CA$</p>
  305.                                 </div>
  306.                                 <!--Produit a proximite slider description-->
  307.                             </div>
  308.                             <div class="slide">
  309.                                 <!--Produit a proximite slider image with buttons-->
  310.                                 <div class="product-group">
  311.                                     <a href="product.html">
  312.                                         <img class="product-image" src="/assets/frontend/images/product2.png">
  313.                                     </a>
  314.                                     <span class="product-btn">
  315.                                         <button class="product-btn-overview" data-toggle="modal"
  316.                                             data-target="#previewModal">APERÇU RAPIDE</button>
  317.                                         <button class="product-btn-like"></button>
  318.                                         <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  319.                                     </span>
  320.                                 </div>
  321.                                 <!--Produit a proximite slider image with buttons-->
  322.                                 <!--Produit a proximite slider description-->
  323.                                 <div class="product">
  324.                                     <h6 class="product-title"><a href="product.html">TARTE AUX POMMES</a></h6>
  325.                                     <p class="product-subtitle">Pavillon de la pomme</p>
  326.                                     <div class="product-rating">
  327.                                         <ul class="rating" data-rating="4">
  328.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  329.                                                     id="1"><i
  330.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  331.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  332.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  333.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  334.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  335.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  336.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  337.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  338.                                                     id="5"><i
  339.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  340.                                         </ul>
  341.                                         <span>(12)</span>
  342.                                     </div>
  343.                                     <p class="product-price">9,95 CA$</p>
  344.                                 </div>
  345.                                 <!--Produit a proximite slider description-->
  346.                             </div>
  347.                             <div class="slide">
  348.                                 <!--Produit a proximite slider image with buttons-->
  349.                                 <div class="product-group">
  350.                                     <a href="product.html">
  351.                                         <img class="product-image" src="/assets/frontend/images/product3.png">
  352.                                     </a>
  353.                                     <span class="product-btn">
  354.                                         <button class="product-btn-overview" data-toggle="modal"
  355.                                             data-target="#previewModal">APERÇU RAPIDE</button>
  356.                                         <button class="product-btn-like"></button>
  357.                                         <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  358.                                     </span>
  359.                                 </div>
  360.                                 <!--Produit a proximite slider image with buttons-->
  361.                                 <!--Produit a proximite slider description-->
  362.                                 <div class="product">
  363.                                     <h6 class="product-title"><a href="product.html">SAUMON SAUVAGE </a></h6>
  364.                                     <p class="product-subtitle">Poissonnerie Gaspez'y</p>
  365.                                     <div class="product-rating">
  366.                                         <ul class="rating" data-rating="4">
  367.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  368.                                                     id="1"><i
  369.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  370.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  371.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  372.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  373.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  374.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  375.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  376.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  377.                                                     id="5"><i
  378.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  379.                                         </ul>
  380.                                         <span>(27)</span>
  381.                                     </div>
  382.                                     <p class="product-price">8,00/100 g CA$</p>
  383.                                 </div>
  384.                                 <!--Produit a proximite slider description-->
  385.                             </div>
  386.                             <div class="slide">
  387.                                 <!--Produit a proximite slider image with buttons-->
  388.                                 <div class="product-group">
  389.                                     <a href="product.html">
  390.                                         <img class="product-image" src="/assets/frontend/images/product4.png">
  391.                                     </a>
  392.                                     <span class="product-btn">
  393.                                         <button class="product-btn-overview" data-toggle="modal"
  394.                                             data-target="#previewModal">APERÇU RAPIDE</button>
  395.                                         <button class="product-btn-like"></button>
  396.                                         <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  397.                                     </span>
  398.                                 </div>
  399.                                 <!--Produit a proximite slider image with buttons-->
  400.                                 <!--Produit a proximite slider description-->
  401.                                 <div class="product">
  402.                                     <h6 class="product-title"><a href="product.html">BISCUITS À L’AVOINE ET MIEL</a></h6>
  403.                                     <p class="product-subtitle">Pâtisserie Michaud</p>
  404.                                     <div class="product-rating">
  405.                                         <ul class="rating" data-rating="4">
  406.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  407.                                                     id="1"><i
  408.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  409.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  410.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  411.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  412.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  413.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  414.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  415.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  416.                                                     id="5"><i
  417.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  418.                                         </ul>
  419.                                         <span>(103)</span>
  420.                                     </div>
  421.                                     <p class="product-price">5,95/paquet de 6 CA$</p>
  422.                                 </div>
  423.                                 <!--Produit a proximite slider description-->
  424.                             </div>
  425.                             <div class="slide">
  426.                                 <!--Produit a proximite slider image with buttons-->
  427.                                 <div class="product-group">
  428.                                     <a href="product.html">
  429.                                         <img class="product-image" src="/assets/frontend/images/product4.png">
  430.                                     </a>
  431.                                     <span class="product-btn">
  432.                                         <button class="product-btn-overview" data-toggle="modal"
  433.                                             data-target="#previewModal">APERÇU RAPIDE</button>
  434.                                         <button class="product-btn-like"></button>
  435.                                         <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  436.                                     </span>
  437.                                 </div>
  438.                                 <!--Produit a proximite slider image with buttons-->
  439.                                 <!--Produit a proximite slider description-->
  440.                                 <div class="product">
  441.                                     <h6 class="product-title"><a href="product.html">BISCUITS À L’AVOINE ET MIEL</a></h6>
  442.                                     <p class="product-subtitle">Pâtisserie Michaud</p>
  443.                                     <div class="product-rating">
  444.                                         <ul class="rating" data-rating="4">
  445.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  446.                                                     id="1"><i
  447.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  448.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  449.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  450.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  451.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  452.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  453.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  454.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  455.                                                     id="5"><i
  456.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  457.                                         </ul>
  458.                                         <span>(103)</span>
  459.                                     </div>
  460.                                     <p class="product-price">5,95/paquet de 6 CA$</p>
  461.                                 </div>
  462.                                 <!--Produit a proximite slider description-->
  463.                             </div>
  464.                             <div class="slide">
  465.                                 <!--Produit a proximite slider image with buttons-->
  466.                                 <div class="product-group">
  467.                                     <a href="product.html">
  468.                                         <img class="product-image" src="/assets/frontend/images/product4.png">
  469.                                     </a>
  470.                                     <span class="product-btn">
  471.                                         <button class="product-btn-overview" data-toggle="modal"
  472.                                             data-target="#previewModal">APERÇU RAPIDE</button>
  473.                                         <button class="product-btn-like"></button>
  474.                                         <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  475.                                     </span>
  476.                                 </div>
  477.                                 <!--Produit a proximite slider image with buttons-->
  478.                                 <!--Produit a proximite slider description-->
  479.                                 <div class="product">
  480.                                     <h6 class="product-title"><a href="product.html">BISCUITS À L’AVOINE ET MIEL</a></h6>
  481.                                     <p class="product-subtitle">Pâtisserie Michaud</p>
  482.                                     <div class="product-rating">
  483.                                         <ul class="rating" data-rating="4">
  484.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  485.                                                     id="1"><i
  486.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  487.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  488.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  489.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  490.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  491.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  492.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  493.                                             <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  494.                                                     id="5"><i
  495.                                                         class="fa fa-star" aria-hidden="true"></i></a></li>
  496.                                         </ul>
  497.                                         <span>(103)</span>
  498.                                     </div>
  499.                                     <p class="product-price">5,95/paquet de 6 CA$</p>
  500.                                 </div>
  501.                                 <!--Produit a proximite slider description-->
  502.                             </div>
  503.                         </div>
  505.                         <!--Produit a proximite slider (mobile)-->
  506.                         <div class="produit-a-proximite-mobile">
  507.                             <div class="row">
  508.                                 <div class="col-md-6 col-sm-6 col-6 pr-7 pl-20">
  509.                                     <div class="product-group">
  510.                                         <a href="product.html">
  511.                                             <img class="product-image" src="/assets/frontend/images/product1.png">
  512.                                         </a>
  513.                                         <span class="product-btn">
  514.                                             <button class="product-btn-overview" data-toggle="modal"
  515.                                                 data-target="#previewModal">APERÇU RAPIDE</button>
  516.                                             <button class="product-btn-like"></button>
  517.                                             <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  518.                                         </span>
  519.                                     </div>
  520.                                     <div class="product">
  521.                                         <h6 class="product-title"><a href="product.html">MINOT DES GLACES</a></h6>
  522.                                         <p class="product-subtitle">Cidrerie du Minot</p>
  523.                                         <div class="product-rating">
  524.                                             <ul class="rating" data-rating="4">
  525.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  526.                                                         id="1"><i
  527.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  528.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  529.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  530.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  531.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  532.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  533.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  534.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  535.                                                         id="5"><i
  536.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  537.                                             </ul>
  538.                                             <span>(55)</span>
  539.                                         </div>
  540.                                         <p class="product-price">22,95 CA$</p>
  541.                                     </div>
  542.                                 </div>
  543.                                 <div class="col-md-6 col-sm-6 col-6 pr-20 pl-7">
  544.                                     <div class="product-group">
  545.                                         <a href="product.html">
  546.                                             <img class="product-image" src="/assets/frontend/images/product2.png">
  547.                                         </a>
  548.                                         <span class="product-btn">
  549.                                             <button class="product-btn-overview" data-toggle="modal"
  550.                                                 data-target="#previewModal">APERÇU RAPIDE</button>
  551.                                             <button class="product-btn-like"></button>
  552.                                             <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  553.                                         </span>
  554.                                     </div>
  555.                                     <div class="product">
  556.                                         <h6 class="product-title"><a href="product.html">TARTE AUX POMMES</a></h6>
  557.                                         <p class="product-subtitle">Pavillon de la pomme</p>
  558.                                         <div class="product-rating">
  559.                                             <ul class="rating" data-rating="4">
  560.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  561.                                                         id="1"><i
  562.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  563.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  564.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  565.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  566.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  567.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  568.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  569.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  570.                                                         id="5"><i
  571.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  572.                                             </ul>
  573.                                             <span>(12)</span>
  574.                                         </div>
  575.                                         <p class="product-price">9,95 CA$</p>
  576.                                     </div>
  577.                                 </div>
  578.                                 <div class="col-md-6 col-sm-6 col-6 pr-7 pl-20">
  579.                                     <div class="product-group">
  580.                                         <a href="product.html">
  581.                                             <img class="product-image" src="/assets/frontend/images/product3.png">
  582.                                         </a>
  583.                                         <span class="product-btn">
  584.                                             <button class="product-btn-overview" data-toggle="modal"
  585.                                                 data-target="#previewModal">APERÇU RAPIDE</button>
  586.                                             <button class="product-btn-like"></button>
  587.                                             <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  588.                                         </span>
  589.                                     </div>
  590.                                     <div class="product">
  591.                                         <h6 class="product-title"><a href="product.html">SAUMON SAUVAGE </a></h6>
  592.                                         <p class="product-subtitle">Poissonnerie Gaspez'y</p>
  593.                                         <div class="product-rating">
  594.                                             <ul class="rating" data-rating="4">
  595.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  596.                                                         id="1"><i
  597.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  598.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  599.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  600.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  601.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  602.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  603.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  604.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  605.                                                         id="5"><i
  606.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  607.                                             </ul>
  608.                                             <span>(27)</span>
  609.                                         </div>
  610.                                         <p class="product-price">8,00/100 g CA$</p>
  611.                                     </div>
  612.                                 </div>
  613.                                 <div class="col-md-6 col-sm-6 col-6 pr-20 pl-7">
  614.                                     <div class="product-group">
  615.                                         <a href="product.html">
  616.                                             <img class="product-image" src="/assets/frontend/images/product4.png">
  617.                                         </a>
  618.                                         <span class="product-btn">
  619.                                             <button class="product-btn-overview" data-toggle="modal"
  620.                                                 data-target="#previewModal">APERÇU RAPIDE</button>
  621.                                             <button class="product-btn-like"></button>
  622.                                             <button class="product-btn-add-to-cart button button-200 button-orange">AJOUTER AU PANIER</button>
  623.                                         </span>
  624.                                     </div>
  625.                                     <div class="product">
  626.                                         <h6 class="product-title"><a href="product.html">BISCUITS À L’AVOINE ET MIEL</a>
  627.                                         </h6>
  628.                                         <p class="product-subtitle">Pâtisserie Michaud</p>
  629.                                         <div class="product-rating">
  630.                                             <ul class="rating" data-rating="4">
  631.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super boring" class="rate starOn"
  632.                                                         id="1"><i
  633.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  634.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Boring" class="rate starOn" id="2"><i
  635.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  636.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Nice" class="rate starOn" id="3"><i
  637.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  638.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Cool" class="rate starOn" id="4"><i
  639.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  640.                                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!" class="rate star"
  641.                                                         id="5"><i
  642.                                                             class="fa fa-star" aria-hidden="true"></i></a></li>
  643.                                             </ul>
  644.                                             <span>(103)</span>
  645.                                         </div>
  646.                                         <p class="product-price">5,95/paquet de 6 CA$</p>
  647.                                     </div>
  648.                                 </div>
  649.                             </div>
  650.                             <div class="row">
  651.                                 <button class="button button-200 button-orange button-en-voir-plus">En voir plus</button>
  652.                             </div>
  653.                         </div>
  654.                         <!--Produit a proximite slider (mobile)-->
  655.                     </div>
  656.                 </section>
  657.                 <!--Section 3 - Produit a proximite slider-->
  658.                 #}
  660.                 {#USER PRODUCTS SECTION#}
  661.                   {% if userPaidOrders %}
  662.                     <div style="max-width: 1200px; margin-left: auto; margin-right: auto;">
  664.                     <section class="section-3-copy" style="margin-bottom: 0px; margin-top: 0px;">
  665.                         <div class="row">
  666.                             <div class="section-title section-title-line" style="margin-bottom: 0px!important;">
  667.                                 {#<a class="homepage-sponsored-title" href="{{path('myProducts')}}">Mes produits</a>#}
  668.                                 <a class="homepage-sponsored-title" href="{{path('myProductsLists')}}">Mes produits</a>
  670.                             </div>
  672.                             <div class="products-wrap" id="listingProducts" style="width:100%;">
  673.                                 {{ include ('frontend/productMasonry.html.twig', {'masonryProducts': userPaidOrders | shuffle  |slice(0,4)} ) }}
  674.                             </div>
  675.                             <div class="see-all-sponsored-products m-t-30">
  676.                                 <a href="{{path('myProductsLists')}}" class="button button-200 button-black m-b-20">Voir plus de mes produits</a>
  677.                             </div>
  678.                         </div>
  679.                         </section>
  680.                 {% endif %}
  682.                 {% if SponsoredItems is defined and SponsoredItems is not empty %}
  683.                     <div style="max-width: 1200px; margin-left: auto; margin-right: auto;">
  684.                     {% for productsSponsored in SponsoredItems %}
  685.                         <!--Section 3.2 - Produits en vedette slider-->
  686.                         <section class="section-3-copy" style="margin-bottom: 0px;{% if loop.first %}margin-top: 0px;{% else %}margin-top: 15px;{% endif %}">
  687.                             <div class="row">
  688.                                 <div class="section-title section-title-line" style="margin-bottom: 0px!important;">
  689.                                     <a class="homepage-sponsored-title" href="{{path('viewSponsoredCategory', {'url': productsSponsored.SponsoredCategory.url})}}">{{productsSponsored.SponsoredCategory.title}}</a>
  690.                                 </div>
  691.                                 <div class="products-wrap" id="listingProducts" style="width:100%;">
  692.                                     {% if productsSponsored.SponsoredCategory.onSale %}
  693.                                         {% set pSponsored = allProductsOnSale %}
  694.                                     {% else %}
  695.                                         {% set pSponsored = productsSponsored.Products %}
  696.                                     {% endif %}
  697.             
  698.                                     {{ include ('frontend/productMasonry.html.twig', {'masonryProducts': pSponsored | slice(0,4)} ) }}
  700.                                         {#
  701.                                         <div class="slide">
  702.                                             <!--Produit a proximite slider image with buttons-->
  703.                                             <div class="product-group">
  704.                                                 <a class="allowClick" href="{{path('viewProduct', {'id': sponsored.product.id, 'producerUrl': sponsored.product.company.UrlName, 'productName': sponsored.product.UrlName})}}">
  705.                                                     {% if sponsored.customImage is not empty %}
  706.                                                         <img class="product-image lazyload" src="/images/none.png" data-src="{{path('getImageAsCroppedThumb', {'id': sponsored.customImage.id,'height': '300', 'width': '300'})}}">
  707.                                                     {% else %}
  708.                                                         <img class="product-image lazyload" src="/images/none.png" data-src="{{path('getImageAsCroppedThumb', {'id': sponsored.product.mainImage.id,'height': '300', 'width': '300'})}}">
  709.                                                     {% endif %}
  710.                                                 </a>
  711.                                                 <span class="product-btn">
  712.                                                     <button class="product-btn-overview" data-toggle="modal"
  713.                                                                                          data-target="#previewProduct_{{sponsored.product.id}}">APERÇU RAPIDE</button>
  714.                                                     <button class="product-btn-like {% if global.hasFavorite(sponsored.product) %}product-btn-liked {% endif %}" data-id="{{sponsored.product.id}}"></button>
  715.                                                     {% if sponsored.product.isSalable %}
  716.                                                         <button class="product-btn-add-to-cart button button-200 button-orange add-to-cart" data-type="product" data-id="{{sponsored.product.id}}">AJOUTER AU PANIER</button>
  717.                                                     {% else %}
  718.                                                         <a href="{{path('viewProduct', {'producerUrl':sponsored.product.company.UrlName, 'productName': sponsored.product.UrlName, 'id': sponsored.product.Id})}}"  class="button button-200 button-orange product-btn-add-to-cart" style="background-color: white!important;color: black!important;">VOIR LE DÉTAIL</a>
  719.                                                     {% endif %}
  720.                                                 </span>
  721.                                             </div>
  722.                                             <!--Produit a proximite slider image with buttons-->
  723.                                             <!--Produit a proximite slider description-->
  724.                                             <div class="product">
  725.                                                 <h6 class="product-title"><a class="allowClick" href="{{path('viewProduct', {'id': sponsored.product.id, 'producerUrl': sponsored.product.company.UrlName, 'productName': sponsored.product.UrlName})}}">{{ sponsored.product.name | upper }}</a></h6>
  726.                                                 <p class="product-subtitle">
  727.                                                     <a href="{{path('companyStore', {'urlname': sponsored.product.company.urlname, 'id':sponsored.product.company.id })}}">{{sponsored.product.company.name}}</a>
  728.                                                 </p>
  729.                                                 <p class="product-price">
  730.                                                     {% if sponsored.product.hasDiscount %}
  731.                                                         <strike>{{sponsored.product.displayPrice}}</strike> {{sponsored.product.displayPrice(true)}}
  732.                                                     {% else %}
  733.                                                         {{sponsored.product.displayPrice}}
  734.                                                     {% endif %}
  735.                                                     {% if sponsored.product.isShippedByMaturin %}<img style="display: inline-block; margin-left: 15px;" src="/images/maturinshipping.png" alt="Livraison par Maturin" title="Livraison par Maturin">{% endif %}
  736.                                                     {% if sponsored.product.conservation and sponsored.product.conservation.id == 6 %}
  737.                                                         <img style="display: inline-block; margin-left: 15px;" src="/images/froozen.png" alt="Congelé" title="Congelé">
  738.                                                     {% elseif sponsored.product.conservation and sponsored.product.conservation.id == 5 %}
  739.                                                         <img style="display: inline-block; margin-left: 15px;" src="/images/snow.png" alt="Réfrigéré" title="Réfrigéré">
  740.                                                     {% endif %}
  741.                                                 </p>
  742.                                             </div>
  743.                                             <!--Produit a proximite slider description-->
  744.                                         </div>
  745.                                   #}
  746.                                 </div>
  747.                                 <div class="see-all-sponsored-products m-t-30">
  748.                                     <a href="{{path('viewSponsoredCategory', {'url': productsSponsored.SponsoredCategory.url})}}" class="button button-200 button-black m-b-20">Voir plus de {{productsSponsored.SponsoredCategory.title| lower}}</a>
  749.                                 </div>
  750.                             </div>
  751.                         </section>
  752.                         <!--Section 3.2 - Produits en vedette slider-->
  753.                     {% endfor %}
  754.                     </div>
  755.                 {% endif %}
  757.                 <!--Section 4 - Parcourir par catégories-->
  758.                 <section class="section-4 no-padding-left no-padding-right">
  759.                     <div class="row">
  760.                         <div class="section-title">PARCOURIR PAR CATÉGORIES</div>
  761.                         <div class="slider parcourir-par-catégories">
  762.                             {% for menu in global.menu %}
  763.                                 <div class="slide">
  764.                                     {% if menu.image %}
  765.                                         <a href="{{path('viewCategory', {'name': menu.UrlName})}}" class="allowClick">
  766.                                             <img class="lazyload" src="/images/none.png" data-src="{{path('getImageAsCroppedThumb', {'id': menu.image.id, 'height': '140', 'width': '140'})}}">
  767.                                         </a>
  768.                                         <div class="parcourir-par-catégories-link-wrapper"><a href="{{path('viewCategory', {'name': menu.UrlName})}}" class="allowClick">{{ menu.name |upper}}</a></div>
  769.                                     {% endif %}
  770.                                 </div>
  771.                             {% endfor %}
  772.                         </div>
  773.                     </div>
  774.                 </section>
  775.                 <!--Section 4 - Parcourir par catégories-->
  776.                 <!--Section 4 - Parcourir par catégories (mobile)-->
  777.                 <section class="section-4-mobile">
  778.                     <div class="section-title">PARCOURIR PAR CATÉGORIES</div>
  779.                     <ul class="sous-menu-mobile">
  780.                     {% for menu in global.menu %}
  781.                             <a href="{{path('viewCategory', {'name': menu.UrlName})}}" class="allowClick">
  782.                                 <li class="sous-menu-mobile-item">
  783.                                         {{menu.name}}<i class="fa fa-chevron-right" aria-hidden="true"></i>
  784.                                 </li>
  785.                             </a>
  786.                     {% endfor %}
  787.                     </ul>
  788.                 </section>
  789.                 <!--Section 4 - Parcourir par catégories (mobile)-->
  790.                 <!--Section 5 - Producteur de la semaine-->
  791.                 <section class="section-5" style="margin-bottom: 0px;">
  792.                     <div class="row">
  793.                         <div class="section-title section-title-line">PRODUCTEUR DE LA SEMAINE</div>
  794.                         <!--Section 5.1 - Producteur de la semaine-->
  795.                         <div class="producteur-de-la-semaine" style="width: 80% !important;">
  796.                             <div class="row">
  797.                                 <div class="col-xl col-lg col-md col-sm-12 col-12 ">
  798.                                     <div class="producteur-de-la-semaine-wrapper">
  799.                                         {% if CMS.producerOfTheWeekImage is defined and CMS.producerOfTheWeekImage is not empty %}
  800.                                             <img class="lazyload" src="/images/none.png" data-src="{{path('getImageAsFixedHeight', {'id': CMS.producerOfTheWeekImage, 'height': '260'})}}" alt="">
  801.                                         {% else %}
  802.                                             <img class="lazyload" src="/images/none.png" data-src="/assets/frontend/images/img5.png" alt="">
  803.                                         {% endif %}
  804.                                     </div>
  805.                                 </div>
  806.                                 <div class="col">
  807.                                     <div class="producteur-de-la-semaine-wrapper">
  808.                                         {% if CMS.producerOfTheWeek is defined and CMS.producerOfTheWeek is not empty %}
  809.                                         <h6 class="producteur-de-la-semaine-caption">
  810.                                             <a style="color: black!important;" class="allowClick" href="{{path('companyStore', {'urlname': CMS.producerOfTheWeek.UrlName, 'id': CMS.producerOfTheWeek.id})}}">
  811.                                                 {{CMS.producerOfTheWeek.name}}
  812.                                             </a>
  814.                                             {% if CMS.producerOfTheWeek.MainLocation.region is not empty %}
  815.                                                 <span class="producteur-de-la-semaine-subtitle">{{CMS.producerOfTheWeek.MainLocation.region.name}}</span>
  816.                                             {% endif %}
  817.                                         </h6>
  818.                                         <p class="producteur-de-la-semaine-description">
  819.                                         {{CMS.producerOfTheWeekText}}
  820.                                         </p>
  821.                                         <a style="color: white!important;" class="button button-200 button-orange position-absolute-bottom text-white allowClick" href="{{path('companyStore', {'urlname': CMS.producerOfTheWeek.UrlName, 'id': CMS.producerOfTheWeek.id})}}">En savoir
  822.                                             plus
  823.                                         </a>
  824.                                         {% endif  %}
  825.                                     </div>
  826.                                 </div>
  827.                             </div>
  828.                         </div>
  829.                         <!--Section 5.1 - Producteur de la semaine-->
  830.                         <div class="divider"></div>
  831.                         <!--Section 5.2 - Producteur de la semaine-->
  832.                         <div class="producteur-de-la-semaine">
  833.                             <div class="row">
  834.                                 <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
  835.                                     <div class="producteur-de-la-semaine-wrapper">
  836.                                         <div class="client-maturin-caption">{{CMS.widget4Title}}</div>
  837.                                         <div class="client-maturin-description">
  838.                                             {{CMS.widget4Text}}
  839.                                         </div>
  840.                                         <div class="client-maturin-details"><a href="{{CMS.widget4Link}}">{{CMS.widget4Button}}</a></div>
  841.                                     </div>
  842.                                 </div>
  843.                                 <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
  844.                                     <div class="producteur-de-la-semaine-wrapper">
  845.                                         <div class="client-maturin-caption">{{CMS.widget5Title}}</div>
  846.                                         <div class="client-maturin-description">
  847.                                             {{CMS.widget5Text}}
  848.                                         </div>
  849.                                         <div class="client-maturin-details"><a href="{{CMS.widget5Link}}">{{CMS.widget5Button}}</a></div>
  850.                                     </div>
  851.                                 </div>
  852.                             </div>
  853.                         </div>
  854.                         <!--Section 5.2 - Producteur de la semaine-->
  855.                     </div>
  856.                 </section>
  857.                 <!--Section 5 - Producteur de la semaine-->
  859.                 <!--Section 6 - Nos clients nous disent-->
  860.                 <section class="section-6">
  861.                     <div class="row">
  862.                         <!--Section 6.2 - Nos clients nous disent-->
  863.                         <!--Qu’est-ce que Maturin-->
  864.                         {# <div class="quest-ce-que-maturin">
  865.                             <div class="quest-ce-que-maturin-caption">{{CMS.widget6Title}}</div>
  866.                             <div class="quest-ce-que-maturin-description">{{CMS.widget6Text}}</div>
  867.                             <div><a href="{{CMS.widget6Link}}">{{CMS.widget6Button}}</a></div>
  868.                         </div> #}
  869.                         <!--Qu’est-ce que Maturin-->
  870.                         <div class="divider"></div>
  871.                         <!--Abonnez-vous à notre infolettre-->
  872.                         <div class="quest-ce-que-maturin">
  873.                             <div class="quest-ce-que-maturin-caption">ABONNEZ-VOUS À NOTRE INFOLETTRE</div>
  874.                             <div class="quest-ce-que-maturin-description">Recevez les suggestions que nous préparerons pour
  875.                                 vous
  876.                                 ainsi que des idées-repas.
  877.                             </div>
  878.                             {{ form_start(formSubscriber) }}
  879.                             {{form_widget(formSubscriber.email)}}
  880.                             {{form_widget(formSubscriber.save)}}
  881.                             {{ form_end(formSubscriber) }}
  882.                         </div>
  883.                     </div>
  884.                         <div class="producteur-de-la-semaine">
  885.                             <div class="row">
  886.                                 <div class="col-12 col-sm-12">
  887.                                     {#<iframe id='AV_widget_iframe' frameBorder="0" width="100%" height="100%" src="//cl.avis-verifies.com/fr/cache/d/4/8/d48e8b1e-17f0-6bd4-6daf-0b83b066b63b/widget4/d48e8b1e-17f0-6bd4-6daf-0b83b066b63bhorizontal_index.html"></iframe>#}
  888.                                 </div>
  889.                             </div>
  890.                         </div>
  891.                         <div class="divider"></div>
  892.                 </section>
  893.             </div>
  894.                     {% set associationUserIsBrowsing = global.associationUserIsBrowsing %}
  895.                     {% for productsSponsored in SponsoredItems %}
  896.                                 {% for sponsored in productsSponsored.Products %}
  898.                                     <!-- Product Modal -->
  899.                                     {% set product = sponsored %}
  900.                                     <div class="modal" id="previewProduct_{{product.Id}}" tabindex="-1" role="dialog"
  901.                                                                                                         aria-labelledby="previewModalTitle" aria-hidden="true">
  902.                                         <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  903.                                             <div class="modal-content">
  904.                                                 <div class="modal-body">
  905.                                                     <div class="row">
  906.                                                         <div class="col-6">
  907.                                                             {% if product.mainImage %}
  908.                                                                 <img class="modal-product-image lazyload" src="/images/none.png" data-src="{{path('getImageAsFixedWidth', {'id': product.mainImage.Id, 'width': '270'})}}">
  909.                                                             {% else %}
  910.                                                                 <img class="modal-product-image lazyload" src="/images/none.png" data-src="/assets/frontend/images/noProductPicture.jpg">
  911.                                                             {% endif %}
  912.                                                         </div>
  913.                                                         <div class="col-6">
  914.                                                             <div class="modal-product-title">{{product.Name}}</div>
  915.                                                             <div class="modal-product-subtitle">{{product.BrandName}}</div>
  917.                                                             <br><p>{{product.description | striptags | split(' ') | slice(0, 30) | join(' ')| raw }}...</p>
  919.                                                             {#
  920.                                                             <div class="modal-product-rating">
  921.                                                                 <ul class="rating" data-rating="4">
  922.                                                                     <li class="Arad5fQEnoZlv9E59d"><a title="Super boring"
  923.                                                                                                       class="rate starOn"
  924.                                                                                                       id="1"><i
  925.                                                                                                       class="fa fa-star" aria-hidden="true"></i></a>
  926.                                                                     </li>
  927.                                                                     <li class="Arad5fQEnoZlv9E59d"><a title="Boring"
  928.                                                                                                       class="rate starOn"
  929.                                                                                                       id="2"><i
  930.                                                                                                       class="fa fa-star" aria-hidden="true"></i></a>
  931.                                                                     </li>
  932.                                                                     <li class="Arad5fQEnoZlv9E59d"><a title="Nice"
  933.                                                                                                       class="rate starOn"
  934.                                                                                                       id="3"><i
  935.                                                                                                       class="fa fa-star" aria-hidden="true"></i></a>
  936.                                                                     </li>
  937.                                                                     <li class="Arad5fQEnoZlv9E59d"><a title="Cool"
  938.                                                                                                       class="rate starOn"
  939.                                                                                                       id="4"><i
  940.                                                                                                       class="fa fa-star" aria-hidden="true"></i></a>
  941.                                                                     </li>
  942.                                                                     <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!"
  943.                                                                                                       class="rate star"
  944.                                                                                                       id="5"><i
  945.                                                                                                       class="fa fa-star" aria-hidden="true"></i></a>
  946.                                                                     </li>
  947.                                                                 </ul>
  948.                                                                 <span>(12)</span>
  949.                                                             </div>
  950.                                                             #}
  952.                                                             <div class="product-price">
  953.                                                                 {% if product.hasDiscount %}
  954.                                                                     <strike>{{product.displayPrice}}</strike> {{product.displayPrice(true)}}
  955.                                                                 {% else %}
  956.                                                                     {{product.displayPrice}}
  957.                                                                 {% endif %}
  958.                                                                 {% if product.pricings | length > 1 %}
  959.                                                                     <h5 class="font-weight-bold">
  960.                                                                         Format économique
  961.                                                                     </h5>
  962.                                                                     <ul style="color: darkgray; font-size: small;">
  963.                                                                         {% for price in product.pricings %}
  964.                                                                             <li>{{price.displayPrice}}</li>
  965.                                                                         {% endfor %}
  966.                                                                     </ul>
  967.                                                                 {% endif %}
  968.                                                             </div>
  970.                                                             {% if product.isShippedByMaturin %}
  971.                                                                 {% if product.qtyReadyToShip > 0 %}
  972.                                                                     <div class="modal-product-in-stock">{{product.qtyReadyToShip}} en inventaire</div>
  973.                                                                 {% else %}
  974.                                                                     <div class="modal-product-in-stock">Inventaire épuisé</div>
  975.                                                                 {% endif %}
  976.                                                             {% else %}
  977.                                                                 <div class="modal-product-in-stock">Livraison indépendante</div>
  978.                                                             {% endif %}
  980.                                                             {% if product.isSalable %}
  981.                                                             <div class="modal-product-amount">
  982.                                                                 <div class="modal-product-amount-title">Quantité</div>
  983.                                                                 <div class="row">
  984.                                                                     <div class="col-3 no-padding-right">
  985.                                                                         <input class="form-control modal-product-btn-amount" id="qty-for-product-{{product.id}}" type="number"
  986.                                                                                                                                                                  name="points" step="1" value="1"
  987.                                                                                                                                                                                         min="1">
  988.                                                                     </div>
  989.                                                                     <div class="col-6 no-padding-left">
  990.                                                                         <button class="modal-product-btn-add-to-cart button button-200 button-orange add-to-cart" data-type="product" data-id="{{product.id}}" data-quantity="qty-for-product-{{product.id}}">
  991.                                                                             AJOUTER AU PANIER
  992.                                                                         </button>
  993.                                                                     </div>
  994.                                                                 </div>
  995.                                                                 {#
  996.                                                                 <button class="modal-product-btn-product-list button button-200 button-black">
  997.                                                                     LISTE DE SOUHAIT
  998.                                                                 </button>
  999.                                                                 #}
  1000.                                                             </div>
  1001.                                                             {% endif %}
  1003.                                                             {#
  1004.                                                             <div class="modal-product-social-icons">
  1005.                                                                 <span class="modal-product-social-icons-title">Partagez:</span>
  1006.                                                                 <i class="fa fa-facebook" aria-hidden="true"></i>
  1007.                                                                 <i class="fa fa-twitter" aria-hidden="true"></i>
  1008.                                                                 <i class="fa fa-pinterest-p" aria-hidden="true"></i>
  1009.                                                                 <i class="fa fa-google-plus" aria-hidden="true"></i>
  1010.                                                                 <p class="modal-product-social-icon-email"></p>
  1011.                                                             </div>
  1012.                                                             #}
  1013.                                                             <div class="modal-product-complete-list">
  1014.                                                                 <a href="{{path('viewProduct', {'producerUrl': product.company.UrlName, 'productName': product.UrlName, 'id': product.id})}}">VOIR LA FICHE DU PRODUIT
  1015.                                                                     <span class="modal-product-complete-list-arrow"> </span>
  1016.                                                                 </a>
  1017.                                                             </div>
  1019.                                                         </div>
  1020.                                                     </div>
  1021.                                                 </div>
  1022.                                             </div>
  1023.                                         </div>
  1024.                                     </div>
  1025.                                     <!-- Product Modal -->
  1026.                                 {% endfor %}
  1027.                             {% endfor %}
  1029.         {% endblock %}