Message "Découvrez les producteurs"

Affichage d'un messagez invitant les utilisateurs à parcourir les producteurs lorsqu'ils n'ont aucun producteur dans leurs favoris.

frontend/views/layouts/main.php

                 <?php if(!Yii::$app->user->isGuest): ?>
                 <section id="favorite-producers">
                     <div class="container">
-                        <h2>Mes producteurs</h2>
                         <?php 
                         $producers = Etablissement::find()
                             ->joinWith(['userEtablissement user_etablissement'])
                             ->all() ;
                         ?>
                         <?php if(count($producers)): ?>
+                            <h2>Mes producteurs</h2>
                             <?php foreach($producers as $producer): ?>
                                 <div class="col-md-<?php if(count($producers) == 1): ?>6<?php elseif(count($producers) == 2): ?>6<?php else: ?>3<?php endif; ?>"> 
                                     <div class="producer" style="background-image:url('<?= Yii::$app->urlManagerProducer->baseUrl ?>/uploads/<?= $producer->photo ?>');">>
                                 </div> 
                             <?php endforeach;?>
                         <?php else: ?>
-
+                            <div id="discover">
+                                <p>Vous n'avez aucun producteur dans vos favoris : </p>
+                                <a class="btn btn-default btn-lg" href="<?= Yii::$app->urlManager->createUrl(['site/producers']); ?>"><span class="glyphicon glyphicon-grain"></span> Découvrez les producteurs</a>
+                            </div>
                         <?php endif; ?>
                         <div class="clr"></div>
                     </div>

frontend/web/css/screen.css

   border-color: #F8F1DD;
   color: #BB8757;
 }
+/* line 543, ../sass/screen.scss */
+#favorite-producers #discover {
+  padding-bottom: 20px;
+  text-align: center;
+}
+/* line 547, ../sass/screen.scss */
+#favorite-producers #discover p {
+  padding-bottom: 0px;
+  color: #F8F1DD;
+}
+/* line 552, ../sass/screen.scss */
+#favorite-producers #discover .btn {
+  background-color: #F8F1DD;
+  color: #BB8757;
+  border: solid 1px #F8F1DD;
+}
 
-/* line 545, ../sass/screen.scss */
+/* line 561, ../sass/screen.scss */
 #footer {
   width: 100%;
   background-color: #F8F1DD;
   padding-top: 30px;
   padding-bottom: 17px;
 }
-/* line 553, ../sass/screen.scss */
+/* line 569, ../sass/screen.scss */
 #footer a {
   font-family: "myriadpro-regular";
   color: #7e7e7e;
   border-right: solid 1px #7e7e7e;
   border-right: solid 1px white;
 }
-/* line 564, ../sass/screen.scss */
+/* line 580, ../sass/screen.scss */
 #footer a:hover {
   color: gray;
 }
-/* line 568, ../sass/screen.scss */
+/* line 584, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
 
-/* line 574, ../sass/screen.scss */
+/* line 590, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 577, ../sass/screen.scss */
+/* line 593, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 582, ../sass/screen.scss */
+/* line 598, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 586, ../sass/screen.scss */
+/* line 602, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
   line-height: 35px;
   font-family: "myriadpro-regular";
 }
-/* line 594, ../sass/screen.scss */
+/* line 610, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "comfortaaregular";
   font-size: 18px;
   color: black;
 }
 
-/* line 605, ../sass/screen.scss */
+/* line 621, ../sass/screen.scss */
 .mentions #main, .mentions body {
   background-color: white;
 }
 
-/* line 610, ../sass/screen.scss */
+/* line 626, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 617, ../sass/screen.scss */
+/* line 633, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 621, ../sass/screen.scss */
+/* line 637, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 626, ../sass/screen.scss */
+/* line 642, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 629, ../sass/screen.scss */
+/* line 645, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group label {
   font-weight: normal;
 }
-/* line 635, ../sass/screen.scss */
+/* line 651, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
 
 /* login */
-/* line 644, ../sass/screen.scss */
+/* line 660, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
 /* signup */
-/* line 652, ../sass/screen.scss */
+/* line 668, ../sass/screen.scss */
 .modal-backdrop {
   z-index: 999;
 }
 
-/* line 657, ../sass/screen.scss */
+/* line 673, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
-/* line 667, ../sass/screen.scss */
+/* line 683, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
   margin-bottom: 5px;
   padding-bottom: 0px;
   margin-top: 0px;
 }
 
-/* line 677, ../sass/screen.scss */
+/* line 693, ../sass/screen.scss */
 #form-signup #client-boulanger {
   margin-bottom: 30px;
 }
-/* line 682, ../sass/screen.scss */
+/* line 698, ../sass/screen.scss */
 #form-signup #signupform-id_etablissement option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 688, ../sass/screen.scss */
+/* line 704, ../sass/screen.scss */
 #form-signup #champs-boulanger {
   display: none;
 }
-/* line 692, ../sass/screen.scss */
+/* line 708, ../sass/screen.scss */
 #form-signup #boutons-inscrire {
   margin-top: 30px;
 }
 
-/* line 697, ../sass/screen.scss */
+/* line 713, ../sass/screen.scss */
 #col-left {
   padding: 0px;
   z-index: 15;
 }
-/* line 701, ../sass/screen.scss */
+/* line 717, ../sass/screen.scss */
 #col-left .affix {
   width: 25%;
   border-right: solid 1px #e0e0e0;
   background-color: #FAFAFA;
   height: 100%;
 }
-/* line 708, ../sass/screen.scss */
+/* line 724, ../sass/screen.scss */
 #col-left #link-home {
   text-decoration: none;
   font-size: 22px;
   padding: 10px;
   background-color: #F8F1DD;
 }
-/* line 716, ../sass/screen.scss */
+/* line 732, ../sass/screen.scss */
 #col-left #link-home img {
   height: 50px;
   margin-bottom: 5px;
   float: left;
 }
-/* line 722, ../sass/screen.scss */
+/* line 738, ../sass/screen.scss */
 #col-left #link-home .text {
   padding-left: 62px;
 }
-/* line 725, ../sass/screen.scss */
+/* line 741, ../sass/screen.scss */
 #col-left #link-home .text .bap {
   font-family: "comfortaalight";
   font-size: 24px;
 }
-/* line 730, ../sass/screen.scss */
+/* line 746, ../sass/screen.scss */
 #col-left #link-home .text .plateforme {
   font-size: 17px;
   font-family: "myriadpro-light";
   color: #BB8757;
 }
-/* line 738, ../sass/screen.scss */
+/* line 754, ../sass/screen.scss */
 #col-left h2 {
   font-family: "myriadpro-regular";
   color: black;
   margin-bottom: 10px;
   padding: 15px 0px 5px 15px;
 }
-/* line 746, ../sass/screen.scss */
+/* line 762, ../sass/screen.scss */
 #col-left #links {
   background-color: white;
   margin-bottom: 20px;
 }
-/* line 752, ../sass/screen.scss */
+/* line 768, ../sass/screen.scss */
 #col-left #links ul li a {
   text-align: center;
   border-right: solid 1px #e0e0e0;
 }
-/* line 756, ../sass/screen.scss */
+/* line 772, ../sass/screen.scss */
 #col-left #links ul li a:hover {
   background-color: #BB8757;
   color: white;
 }
-/* line 762, ../sass/screen.scss */
+/* line 778, ../sass/screen.scss */
 #col-left #links ul li:last-child a {
   border-right: 0px none;
 }
-/* line 772, ../sass/screen.scss */
+/* line 788, ../sass/screen.scss */
 #col-left #producteurs nav.nav-producteurs ul li a {
   padding-left: 50px;
   height: 40px;
 }
-/* line 778, ../sass/screen.scss */
+/* line 794, ../sass/screen.scss */
 #col-left #producteurs nav.nav-producteurs ul li.active a {
   background-color: #BB8757;
   position: relative;
   color: white;
 }
-/* line 783, ../sass/screen.scss */
+/* line 799, ../sass/screen.scss */
 #col-left #producteurs nav.nav-producteurs ul li.active a:after {
   right: -40px;
   top: 50%;
   border-width: 20px;
   margin-top: -20px;
 }
-/* line 802, ../sass/screen.scss */
+/* line 818, ../sass/screen.scss */
 #col-left ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }
-/* line 806, ../sass/screen.scss */
+/* line 822, ../sass/screen.scss */
 #col-left ul li {
   margin: 0px;
   padding: 0px;
 }
-/* line 809, ../sass/screen.scss */
+/* line 825, ../sass/screen.scss */
 #col-left ul li a {
   text-decoration: none;
   font-family: "comfortaaregular";
   display: block;
   color: black;
 }
-/* line 819, ../sass/screen.scss */
+/* line 835, ../sass/screen.scss */
 #col-left ul li a span.nom, #col-left ul li a span.libelle {
   display: none;
 }
-/* line 826, ../sass/screen.scss */
+/* line 842, ../sass/screen.scss */
 #col-left p {
   padding: 20px;
   padding-top: 0px;
   color: gray;
 }
 
-/* line 834, ../sass/screen.scss */
+/* line 850, ../sass/screen.scss */
 #content .header-title {
   height: 79px;
   padding: 20px 20px;
   -webkit-box-shadow: 0px 0px 8px #e0e0e0;
   box-shadow: 0px 0px 8px #e0e0e0;
 }
-/* line 846, ../sass/screen.scss */
+/* line 862, ../sass/screen.scss */
 #content .header-title h1 {
   color: black;
   font-family: "myriadpro-regular";
   font-size: 25px;
   text-transform: uppercase;
 }
-/* line 854, ../sass/screen.scss */
+/* line 870, ../sass/screen.scss */
 #content .header-title h2 {
   color: gray;
   text-transform: none;
   line-height: 20px;
 }
 
-/* line 865, ../sass/screen.scss */
+/* line 881, ../sass/screen.scss */
 .header-etablissement {
   z-index: 1;
 }
-/* line 867, ../sass/screen.scss */
+/* line 883, ../sass/screen.scss */
 .header-etablissement #block-main-img {
   height: 144px;
   overflow: hidden;
 }
-/* line 871, ../sass/screen.scss */
+/* line 887, ../sass/screen.scss */
 .header-etablissement #block-main-img #main-img {
   width: 100%;
   height: auto;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 880, ../sass/screen.scss */
+/* line 896, ../sass/screen.scss */
 .header-etablissement h1 {
   font-family: "comfortaaregular";
   text-align: center;
   top: 30px;
   left: 40px;
 }
-/* line 887, ../sass/screen.scss */
+/* line 903, ../sass/screen.scss */
 .header-etablissement h1 span {
   background-color: rgba(255, 255, 255, 0.8);
   padding: 10px 30px;
   border: dotted 1px black;
 }
 
-/* line 898, ../sass/screen.scss */
+/* line 914, ../sass/screen.scss */
 nav#menu-etablissement {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 902, ../sass/screen.scss */
+/* line 918, ../sass/screen.scss */
 nav#menu-etablissement ul li {
   padding: 0px;
   margin: 0px;
 }
-/* line 905, ../sass/screen.scss */
+/* line 921, ../sass/screen.scss */
 nav#menu-etablissement ul li a {
   border-right: solid 1px #e0e0e0;
   text-decoration: none;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }
-/* line 910, ../sass/screen.scss */
+/* line 926, ../sass/screen.scss */
 nav#menu-etablissement ul li a:hover {
   background-color: #BB8757;
   color: white;

frontend/web/sass/screen.scss

             }
         }
     }
+    
+    #discover {
+        padding-bottom: 20px ;
+        text-align: center ;
+        
+        p {
+            padding-bottom: 0px ;
+            color: $color2 ;
+        }
+        
+        .btn {
+            background-color: $color2 ;
+            color: $color1 ;
+            border: solid 1px $color2 ;
+        }
+    }
 }