Intégration Souke

backend/views/layouts/header.php

@@ -54,7 +54,7 @@ $userCurrent = GlobalParam::getCurrentUser();
 
 <header class="main-header">
     <?=
-        Html::a('<span class="logo-mini"><img src="' . Yii::$app->urlManagerBackend->getBaseUrl() . '/img/logosouke3.png" /></span><span class="logo-lg"><img src="' . Yii::$app->urlManagerBackend->getBaseUrl() . '/img/logosouke3.png" /></span>', Yii::$app->homeUrl, ['class' => 'logo'])
+        Html::a('<span class="logo-mini"><img src="' . Yii::$app->urlManagerBackend->getBaseUrl() . '/img/logo-souke.svg" /></span><span class="logo-lg"><img src="' . Yii::$app->urlManagerBackend->getBaseUrl() . '/img/logo-souke.svg" /></span>', Yii::$app->homeUrl, ['class' => 'logo'])
     ?>
 
 

backend/web/css/screen.css

@@ -1562,8 +1562,8 @@ body.skin-black .main-header .logo img {
 }
 /* line 23, ../sass/_adminlte.scss */
 body.skin-black .main-header .logo .logo-lg img {
-  width: 125px;
-  top: -2px;
+  width: 100px;
+  top: -4px;
 }
 /* line 29, ../sass/_adminlte.scss */
 body.skin-black .main-header .logo .logo-mini img {

backend/web/sass/_adminlte.scss

@@ -21,8 +21,8 @@ body.skin-black {
 
             .logo-lg {
                 img {
-                    width: 125px ;
-                    top: -3px;
+                    width: 100px ;
+                    top: -4px;
                 }
             }
             .logo-mini {

frontend/controllers/SiteController.php

@@ -182,7 +182,7 @@ class SiteController extends FrontendController
 
     public function actionAbout()
     {
-        $aboutFewNumbers = Yii::$app->cache->getOrSet('about_few_numbers8', function () {
+        $aboutFewNumbers = Yii::$app->cache->getOrSet('about_few_numbers10', function () {
             $producerModule = $this->getProducerModule();
             $pointSaleModule = $this->getPointSaleModule();
             $userModule = $this->getUserModule();
@@ -196,7 +196,7 @@ class SiteController extends FrontendController
             $averageOrdersPerDay = $orderModule->countGlobalUserOrdersAverageLastSevenDays();
             $averageTurnover = $orderModule->getAverageTurnoverLastThreeMonths();
             $resultMatomoApiVisitSummary = json_decode(file_get_contents(Yii::$app->parameterBag->get('matomoApiVisitSummaryUrl')));
-            $numberVisitsMonth = $resultMatomoApiVisitSummary->nb_uniq_visitors;
+            $numberVisitsByDay = $resultMatomoApiVisitSummary->nb_uniq_visitors / 30;
 
             return $this->renderPartial('_about_few_numbers', [
                 'countProducersActive' => $countProducersActive,
@@ -204,7 +204,7 @@ class SiteController extends FrontendController
                 'countUsersActive' => $countUsersActive,
                 'averageOrdersPerDay' => $averageOrdersPerDay,
                 'averageTurnover' => $averageTurnover,
-                'numberVisitsMonth' => $numberVisitsMonth,
+                'numberVisitsByDay' => $numberVisitsByDay,
                 'timeSavedByProducersAverage' => $timeSavedByProducersAverage,
                 'countProducersWithOptionTimeSaved' => $countProducersWithOptionTimeSaved
             ]);

frontend/views/site/_about_few_numbers.php

@@ -14,13 +14,13 @@
             <?= few_numbers_item(few_numbers_format_number($averageOrdersPerDay), 'Commandes clients / jour', 'en moyenne sur les 7 derniers jours'); ?>
         </div>
         <div class="row">
-        <?= few_numbers_item(few_numbers_format_number($averageTurnover).' €', 'CA producteurs / mois', 'moyenne sur les 3 derniers mois'); ?>
-        <?= few_numbers_item(few_numbers_format_number($numberVisitsMonth), 'Visiteurs', 'le mois dernier'); ?>
+            <?= few_numbers_item(few_numbers_format_number($numberVisitsByDay), 'Visiteurs / jour', 'le mois dernier'); ?>
+            <?= few_numbers_item(few_numbers_format_number($averageTurnover).' €', 'CA producteurs / mois', 'moyenne sur les 3 derniers mois'); ?>
         </div>
         <?php if($countProducersWithOptionTimeSaved): ?>
-        <div class="row">
+        <!--<div class="row">
             <?= few_numbers_item($timeSavedByProducersAverage.' h', 'Heures gagnées par semaine', 'moyenne sur '.$countProducersWithOptionTimeSaved.' producteur'.(($countProducersWithOptionTimeSaved) ? 's' : '')); ?>
-        </div>
+        </div>-->
         <?php endif; ?>
     </div>
 </div>

frontend/views/site/about.php

@@ -87,17 +87,16 @@ $this->setIcon('info-sign');
             ?>
                 <div class="panel panel-primary">
                     <div class="panel-body">
-                        <h2>Témoignages des producteurs</h2>
-                        <div id="carousel-producers-testimonials" class="carousel slide" data-ride="carousel">
-                            <ol class="carousel-indicators">
+                        <h2>Témoignages de producteurs</h2>
+                        <div id="carousel-producers-testimonials" class="carousel slide" data-bs-ride="carousel">
+                            <!--<ol class="carousel-indicators">
                                 <?php for($i = 0; $i <  $countProducersWithTestimony; $i++): ?>
                                     <li data-target="#carousel-producers-testimonials" data-slide-to="<?= $i ?>" <?php if($i == 0): ?>class="active"<?php endif; ?>></li>
                                 <?php endfor; ?>
-                            </ol>
-
-                            <div class="carousel-inner" role="listbox">
+                            </ol>-->
+                            <div class="carousel-inner">
                                 <?php foreach($producersWithTestimonials as $key => $producerWithTestimony): ?>
-                                    <div class="item<?php if($key == 0): ?> active<?php endif; ?>">
+                                    <div class="carousel-item<?php if($key == 0): ?> active<?php endif; ?>">
                                         <div class="carousel-caption">
                                             <div class="carousel-caption-inner">
                                                 <img src="<?= Yii::$app->urlManagerProducer->getHostInfo() . '/' . Yii::$app->urlManagerProducer->baseUrl; ?>/uploads/<?= $producerWithTestimony->logo; ?>" alt="Logo <?= Html::encode($producerWithTestimony->name) ?>"/>
@@ -114,14 +113,14 @@ $this->setIcon('info-sign');
                                 <?php endforeach; ?>
                             </div>
 
-                            <a class="left carousel-control" href="#carousel-producers-testimonials" role="button" data-slide="prev">
-                                <i class="bi bi-chevron-left"></i>
-                                <span class="sr-only">Previous</span>
-                            </a>
-                            <a class="right carousel-control" href="#carousel-producers-testimonials" role="button" data-slide="next">
-                                <i class="bi bi-chevron-right"></i>
-                                <span class="sr-only">Next</span>
-                            </a>
+                            <button class="left carousel-control-prev" type="button" data-bs-target="#carousel-producers-testimonials" data-bs-slide="prev">
+                                <i class="bi bi-chevron-left" aria-hidden="true"></i>
+                                <span class="visually-hidden">Previous</span>
+                            </button>
+                            <button class="right carousel-control-next" type="button" data-bs-target="#carousel-producers-testimonials" data-bs-slide="next">
+                                <i class="bi bi-chevron-right" aria-hidden="true"></i>
+                                <span class="visually-hidden">Next</span>
+                            </button>
                         </div>
                     </div>
                 </div>

frontend/web/css/screen.css

@@ -534,66 +534,66 @@ section#header-title h1 .glyphicon {
 /* line 512, ../sass/screen.scss */
 #content .panel .panel-heading {
   border-bottom: 0px;
-  padding-top: 10px;
-  padding-bottom: 8px;
+  padding: 20px;
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 518, ../sass/screen.scss */
+/* line 517, ../sass/screen.scss */
 #content .panel .panel-heading h2.panel-title {
   margin: 0px;
   padding: 0px;
   text-align: center;
 }
-/* line 523, ../sass/screen.scss */
+/* line 522, ../sass/screen.scss */
 #content .panel .panel-heading h2.panel-title .img {
   height: 20px;
   display: none;
 }
-/* line 528, ../sass/screen.scss */
+/* line 527, ../sass/screen.scss */
 #content .panel .panel-heading h2.panel-title .glyphicon {
   font-size: 20px;
 }
-/* line 532, ../sass/screen.scss */
+/* line 531, ../sass/screen.scss */
 #content .panel .panel-heading h2.panel-title span.the-title {
   font-size: 26px;
   position: relative;
   top: 0px;
   text-transform: none;
 }
-/* line 541, ../sass/screen.scss */
+/* line 540, ../sass/screen.scss */
 #content .panel .panel-body {
   background-color: white;
   padding: 50px;
 }
-/* line 545, ../sass/screen.scss */
+/* line 544, ../sass/screen.scss */
 #content .panel .panel-body p {
   padding-bottom: 10px;
 }
-/* line 549, ../sass/screen.scss */
+/* line 548, ../sass/screen.scss */
 #content .panel .panel-body h2 {
   font-size: 30px;
   color: #e4ac07;
 }
-/* line 553, ../sass/screen.scss */
+/* line 552, ../sass/screen.scss */
 #content .panel .panel-body h2.first-title {
   margin-top: 0px;
 }
-/* line 559, ../sass/screen.scss */
+/* line 558, ../sass/screen.scss */
 #content .panel.panel-primary {
   border: 0px none;
   border-bottom: solid 1px #e0e0e0;
   margin-bottom: 30px;
 }
-/* line 564, ../sass/screen.scss */
+/* line 563, ../sass/screen.scss */
 #content .panel.panel-primary .panel-heading {
+  padding: 50px;
+  padding-bottom: 20px;
   border: 0px none;
   background-color: white;
-  padding-top: 15px;
-  padding-bottom: 8px;
 }
-/* line 570, ../sass/screen.scss */
+/* line 569, ../sass/screen.scss */
 #content .panel.panel-primary .panel-heading h2.panel-title {
   color: #e4ac07;
+  padding: 0px;
 }
 /* line 573, ../sass/screen.scss */
 #content .panel.panel-primary .panel-heading h2.panel-title .glyphicon {
@@ -1011,60 +1011,75 @@ section#header-title h1 .glyphicon {
   display: none;
 }
 /* line 1034, ../sass/screen.scss */
-#content .site-about #carousel-producers-testimonials .carousel-control {
+#content .site-about #carousel-producers-testimonials .carousel-control-next,
+#content .site-about #carousel-producers-testimonials .carousel-control-prev {
   background: none;
 }
-/* line 1037, ../sass/screen.scss */
-#content .site-about #carousel-producers-testimonials .carousel-control .bi {
-  font-size: 30px;
+/* line 1039, ../sass/screen.scss */
+#content .site-about #carousel-producers-testimonials .carousel-control-next .bi,
+#content .site-about #carousel-producers-testimonials .carousel-control-prev .bi {
+  position: absolute;
+  top: 0px;
+  font-size: 35px;
+  color: black;
+}
+/* line 1046, ../sass/screen.scss */
+#content .site-about #carousel-producers-testimonials .carousel-control-next.carousel-control-next .bi,
+#content .site-about #carousel-producers-testimonials .carousel-control-prev.carousel-control-next .bi {
+  right: 0px;
+}
+/* line 1050, ../sass/screen.scss */
+#content .site-about #carousel-producers-testimonials .carousel-control-next.carousel-control-prev .bi,
+#content .site-about #carousel-producers-testimonials .carousel-control-prev.carousel-control-prev .bi {
+  left: 0px;
 }
-/* line 1043, ../sass/screen.scss */
-#content .site-about #carousel-producers-testimonials .item .carousel-caption {
+/* line 1056, ../sass/screen.scss */
+#content .site-about #carousel-producers-testimonials .carousel-item .carousel-caption {
   top: 20px;
   color: black;
   text-shadow: none;
   padding: 0px;
 }
-/* line 1049, ../sass/screen.scss */
-#content .site-about #carousel-producers-testimonials .item .carousel-caption img {
+/* line 1062, ../sass/screen.scss */
+#content .site-about #carousel-producers-testimonials .carousel-item .carousel-caption img {
   display: block;
   width: 150px;
   height: auto;
   margin: 0px auto 15px auto;
 }
-/* line 1057, ../sass/screen.scss */
-#content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-testimony {
+/* line 1070, ../sass/screen.scss */
+#content .site-about #carousel-producers-testimonials .carousel-item .carousel-caption .producer-testimony {
   margin-bottom: 12px;
 }
-/* line 1061, ../sass/screen.scss */
-#content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-details {
+/* line 1074, ../sass/screen.scss */
+#content .site-about #carousel-producers-testimonials .carousel-item .carousel-caption .producer-details {
   font-style: italic;
   color: gray;
 }
-/* line 1065, ../sass/screen.scss */
-#content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-details .producer-name {
+/* line 1078, ../sass/screen.scss */
+#content .site-about #carousel-producers-testimonials .carousel-item .carousel-caption .producer-details .producer-name {
   color: #ee6f42;
 }
 
-/* line 1075, ../sass/screen.scss */
+/* line 1088, ../sass/screen.scss */
 #content .site-service #panel-go-further {
   text-align: center;
 }
 
-/* line 1080, ../sass/screen.scss */
+/* line 1093, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 1083, ../sass/screen.scss */
+/* line 1096, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 1088, ../sass/screen.scss */
+/* line 1101, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 1092, ../sass/screen.scss */
+/* line 1105, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
@@ -1072,7 +1087,7 @@ section#header-title h1 .glyphicon {
   line-height: 35px;
   font-family: 'highvoltageregular';
 }
-/* line 1100, ../sass/screen.scss */
+/* line 1113, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "highvoltageregular";
   font-size: 18px;
@@ -1081,44 +1096,44 @@ section#header-title h1 .glyphicon {
   color: black;
 }
 
-/* line 1115, ../sass/screen.scss */
+/* line 1128, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 1122, ../sass/screen.scss */
+/* line 1135, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 1126, ../sass/screen.scss */
+/* line 1139, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 1131, ../sass/screen.scss */
+/* line 1144, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 1135, ../sass/screen.scss */
+/* line 1148, ../sass/screen.scss */
 #profil-user #mails-days-distribution .form-group label {
   font-weight: normal;
 }
-/* line 1141, ../sass/screen.scss */
+/* line 1154, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
-/* line 1145, ../sass/screen.scss */
+/* line 1158, ../sass/screen.scss */
 #profil-user h2 {
   text-transform: none;
   font-size: 25px;
 }
-/* line 1149, ../sass/screen.scss */
+/* line 1162, ../sass/screen.scss */
 #profil-user h2:first-child {
   margin-top: 0px;
 }
 
 /* login */
-/* line 1160, ../sass/screen.scss */
+/* line 1173, ../sass/screen.scss */
 .back-white, .site-login .col-lg-5, .site-signup .col-lg-5 {
   background-color: white;
   padding: 30px;
@@ -1127,7 +1142,7 @@ section#header-title h1 .glyphicon {
   border-radius: 5px;
 }
 
-/* line 1167, ../sass/screen.scss */
+/* line 1180, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
@@ -1135,19 +1150,19 @@ section#header-title h1 .glyphicon {
 }
 
 /* signup */
-/* line 1177, ../sass/screen.scss */
+/* line 1190, ../sass/screen.scss */
 .modal-backdrop {
   z-index: 999;
 }
 
-/* line 1182, ../sass/screen.scss */
+/* line 1195, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
   max-width: 500px;
 }
 
-/* line 1192, ../sass/screen.scss */
+/* line 1205, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
   margin-bottom: 5px;
   padding-bottom: 0px;
@@ -1155,41 +1170,41 @@ section#header-title h1 .glyphicon {
   margin-top: 0px;
 }
 
-/* line 1202, ../sass/screen.scss */
+/* line 1215, ../sass/screen.scss */
 #form-signup #user-producer {
   margin-bottom: 30px;
 }
-/* line 1207, ../sass/screen.scss */
+/* line 1220, ../sass/screen.scss */
 #form-signup #signupform-id_producer option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 1213, ../sass/screen.scss */
+/* line 1226, ../sass/screen.scss */
 #form-signup #champs-producer {
   display: none;
 }
-/* line 1217, ../sass/screen.scss */
+/* line 1230, ../sass/screen.scss */
 #form-signup #buttons-signup {
   margin-top: 30px;
 }
-/* line 1221, ../sass/screen.scss */
+/* line 1234, ../sass/screen.scss */
 #form-signup .field-signupform-is_test {
   display: none;
 }
 
-/* line 1226, ../sass/screen.scss */
+/* line 1239, ../sass/screen.scss */
 #col-left {
   padding: 0px;
   z-index: 15;
 }
-/* line 1230, ../sass/screen.scss */
+/* line 1243, ../sass/screen.scss */
 #col-left .affix {
   width: 25%;
   border-right: solid 1px #e0e0e0;
   background-color: #FAFAFA;
   height: 100%;
 }
-/* line 1237, ../sass/screen.scss */
+/* line 1250, ../sass/screen.scss */
 #col-left #link-home {
   text-decoration: none;
   font-size: 22px;
@@ -1198,28 +1213,28 @@ section#header-title h1 .glyphicon {
   padding: 10px;
   background-color: #e4ac07;
 }
-/* line 1245, ../sass/screen.scss */
+/* line 1258, ../sass/screen.scss */
 #col-left #link-home img {
   height: 50px;
   margin-bottom: 5px;
   float: left;
 }
-/* line 1251, ../sass/screen.scss */
+/* line 1264, ../sass/screen.scss */
 #col-left #link-home .text {
   padding-left: 62px;
 }
-/* line 1254, ../sass/screen.scss */
+/* line 1267, ../sass/screen.scss */
 #col-left #link-home .text .bap {
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 1259, ../sass/screen.scss */
+/* line 1272, ../sass/screen.scss */
 #col-left #link-home .text .plateforme {
   font-size: 17px;
   font-family: "myriadpro-light";
   color: #ee6f42;
 }
-/* line 1267, ../sass/screen.scss */
+/* line 1280, ../sass/screen.scss */
 #col-left h2 {
   font-family: 'myriadpro-regular';
   color: black;
@@ -1227,37 +1242,37 @@ section#header-title h1 .glyphicon {
   margin-bottom: 10px;
   padding: 15px 0px 5px 15px;
 }
-/* line 1275, ../sass/screen.scss */
+/* line 1288, ../sass/screen.scss */
 #col-left #links {
   background-color: white;
   margin-bottom: 20px;
 }
-/* line 1281, ../sass/screen.scss */
+/* line 1294, ../sass/screen.scss */
 #col-left #links ul li a {
   text-align: center;
   border-right: solid 1px #e0e0e0;
 }
-/* line 1285, ../sass/screen.scss */
+/* line 1298, ../sass/screen.scss */
 #col-left #links ul li a:hover {
   background-color: #ee6f42;
   color: white;
 }
-/* line 1291, ../sass/screen.scss */
+/* line 1304, ../sass/screen.scss */
 #col-left #links ul li:last-child a {
   border-right: 0px none;
 }
-/* line 1301, ../sass/screen.scss */
+/* line 1314, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li a {
   padding-left: 50px;
   height: 40px;
 }
-/* line 1307, ../sass/screen.scss */
+/* line 1320, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a {
   background-color: #ee6f42;
   position: relative;
   color: white;
 }
-/* line 1312, ../sass/screen.scss */
+/* line 1325, ../sass/screen.scss */
 #col-left #producers nav.nav-producers ul li.active a:after {
   right: -40px;
   top: 50%;
@@ -1272,18 +1287,18 @@ section#header-title h1 .glyphicon {
   border-width: 20px;
   margin-top: -20px;
 }
-/* line 1331, ../sass/screen.scss */
+/* line 1344, ../sass/screen.scss */
 #col-left ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
-/* line 1336, ../sass/screen.scss */
+/* line 1349, ../sass/screen.scss */
 #col-left ul li {
   margin: 0px;
   padding: 0px;
 }
-/* line 1340, ../sass/screen.scss */
+/* line 1353, ../sass/screen.scss */
 #col-left ul li a {
   text-decoration: none;
   font-family: 'comfortaaregular';
@@ -1294,18 +1309,18 @@ section#header-title h1 .glyphicon {
   display: block;
   color: black;
 }
-/* line 1350, ../sass/screen.scss */
+/* line 1363, ../sass/screen.scss */
 #col-left ul li a span.name, #col-left ul li a span.wording {
   display: none;
 }
-/* line 1357, ../sass/screen.scss */
+/* line 1370, ../sass/screen.scss */
 #col-left p {
   padding: 20px;
   padding-top: 0px;
   color: gray;
 }
 
-/* line 1365, ../sass/screen.scss */
+/* line 1378, ../sass/screen.scss */
 #content .header-title {
   height: 79px;
   padding: 20px 20px;
@@ -1320,7 +1335,7 @@ section#header-title h1 .glyphicon {
   -webkit-box-shadow: 0px 0px 8px #e0e0e0;
   box-shadow: 0px 0px 8px #e0e0e0;
 }
-/* line 1377, ../sass/screen.scss */
+/* line 1390, ../sass/screen.scss */
 #content .header-title h1 {
   color: black;
   font-family: 'myriadpro-regular';
@@ -1328,7 +1343,7 @@ section#header-title h1 .glyphicon {
   font-size: 25px;
   text-transform: uppercase;
 }
-/* line 1385, ../sass/screen.scss */
+/* line 1398, ../sass/screen.scss */
 #content .header-title h2 {
   color: gray;
   text-transform: none;
@@ -1337,16 +1352,16 @@ section#header-title h1 .glyphicon {
   line-height: 20px;
 }
 
-/* line 1396, ../sass/screen.scss */
+/* line 1409, ../sass/screen.scss */
 .header-producer {
   z-index: 1;
 }
-/* line 1399, ../sass/screen.scss */
+/* line 1412, ../sass/screen.scss */
 .header-producer #block-main-img {
   height: 144px;
   overflow: hidden;
 }
-/* line 1403, ../sass/screen.scss */
+/* line 1416, ../sass/screen.scss */
 .header-producer #block-main-img #main-img {
   width: 100%;
   height: auto;
@@ -1356,7 +1371,7 @@ section#header-title h1 .glyphicon {
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 1412, ../sass/screen.scss */
+/* line 1425, ../sass/screen.scss */
 .header-producer h1 {
   font-family: 'comfortaaregular';
   text-align: center;
@@ -1364,23 +1379,23 @@ section#header-title h1 .glyphicon {
   top: 30px;
   left: 40px;
 }
-/* line 1419, ../sass/screen.scss */
+/* line 1432, ../sass/screen.scss */
 .header-producer h1 span {
   background-color: rgba(255, 255, 255, 0.8);
   padding: 10px 30px;
   border: dotted 1px black;
 }
 
-/* line 1430, ../sass/screen.scss */
+/* line 1443, ../sass/screen.scss */
 nav#menu-producer {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 1434, ../sass/screen.scss */
+/* line 1447, ../sass/screen.scss */
 nav#menu-producer ul li {
   padding: 0px;
   margin: 0px;
 }
-/* line 1438, ../sass/screen.scss */
+/* line 1451, ../sass/screen.scss */
 nav#menu-producer ul li a {
   border-right: solid 1px #e0e0e0;
   text-decoration: none;
@@ -1388,22 +1403,22 @@ nav#menu-producer ul li a {
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 1443, ../sass/screen.scss */
+/* line 1456, ../sass/screen.scss */
 nav#menu-producer ul li a:hover {
   background-color: #ee6f42;
   color: white;
 }
 
-/* line 1453, ../sass/screen.scss */
+/* line 1466, ../sass/screen.scss */
 .site-contact .col-lg-6 {
   margin: 0px auto;
   float: none;
 }
-/* line 1458, ../sass/screen.scss */
+/* line 1471, ../sass/screen.scss */
 .site-contact .form-group.submit {
   text-align: right;
 }
-/* line 1462, ../sass/screen.scss */
+/* line 1475, ../sass/screen.scss */
 .site-contact .alert-warning {
   margin-top: 22px;
   border: 0px none;
@@ -1415,26 +1430,26 @@ nav#menu-producer ul li a:hover {
   padding: 20px;
 }
 
-/* line 1473, ../sass/screen.scss */
+/* line 1486, ../sass/screen.scss */
 .site-opinion .col-lg-6 {
   margin: 0px auto;
   float: none;
 }
-/* line 1478, ../sass/screen.scss */
+/* line 1491, ../sass/screen.scss */
 .site-opinion .field-opinionform-istest {
   display: none;
 }
-/* line 1482, ../sass/screen.scss */
+/* line 1495, ../sass/screen.scss */
 .site-opinion .form-group.submit {
   text-align: center;
 }
 
-/* line 1489, ../sass/screen.scss */
+/* line 1502, ../sass/screen.scss */
 #site-prices .panel p {
   padding-bottom: 0px;
 }
 
-/* line 1496, ../sass/screen.scss */
+/* line 1509, ../sass/screen.scss */
 #contact-form .field-contactform-istest {
   display: none;
 }

frontend/web/js/frontend.js

@@ -135,23 +135,21 @@ var aboutProducersTestimonialsCarousel = {
         $block = app.getBlock();
 
         // init carousel
-        //$block.carousel();
         new bootstrap.Carousel("#carousel-producers-testimonials");
 
         // event on slide : init height
         app.eventSlide();
-        //$block.on('slid.bs.carousel', function () { app.eventSlide();});
-        carousel = document.getElementById('carousel-producers-testimonials');
-        carousel.addEventListener('slide.bs.carousel', function() {
+        var carousel = document.getElementById('carousel-producers-testimonials');
+        carousel.addEventListener('slid.bs.carousel', function() {
             app.eventSlide();
         });
     },
     eventSlide: function() {
-        var heightCurrentItem = this.getBlock('.item.active .carousel-caption-inner').height() + 50;
+        var heightCurrentItem = this.getBlock('.carousel-item.active .carousel-caption-inner').height() + 50;
 
         this.getBlock().height(heightCurrentItem);
-        this.getBlock('.item.active').height(heightCurrentItem);
-        this.getBlock('.item.active .carousel-caption').height(heightCurrentItem);
+        this.getBlock('.carousel-item.active').height(heightCurrentItem);
+        this.getBlock('.carousel-item.active .carousel-caption').height(heightCurrentItem);
     }
 };
 

frontend/web/sass/screen.scss

@@ -511,8 +511,7 @@ section#header-title {
 
     .panel-heading {
       border-bottom: 0px;
-      padding-top: 10px;
-      padding-bottom: 8px;
+      padding: 20px;
       border-bottom: solid 1px #e0e0e0;
 
       h2.panel-title {
@@ -562,13 +561,14 @@ section#header-title {
       margin-bottom: 30px;
 
       .panel-heading {
+        padding: 50px;
+        padding-bottom: 20px;
         border: 0px none;
         background-color: white;
-        padding-top: 15px;
-        padding-bottom: 8px;
 
         h2.panel-title {
           color: $color-secondary;
+          padding: 0px;
 
           .glyphicon {
             font-size: 30px;
@@ -1031,15 +1031,28 @@ section#header-title {
       display: none;
     }
 
-    .carousel-control {
+    .carousel-control-next,
+    .carousel-control-prev {
+
       background: none;
 
       .bi {
-        font-size: 30px;
+        position: absolute;
+        top: 0px;
+        font-size: 35px;
+        color: black;
+      }
+
+      &.carousel-control-next .bi {
+        right: 0px;
+      }
+
+      &.carousel-control-prev .bi {
+        left: 0px;
       }
     }
 
-    .item {
+    .carousel-item {
       .carousel-caption {
         top: 20px;
         color: $color-text;