Intégration Souke

frontend/views/site/producer_offline.php

 use yii\helpers\Html ;
 use yii\bootstrap\ActiveForm;
 
-$this->setTitle('Espace producteur hors-ligne') ;
-$this->setIcon('remove-sign');
-$this->setMeta('description','L\'espace de ce producteur est hors-ligne.') ;
+$this->setTitle('Boutique producteur désactivée') ;
+$this->setMeta('description','La boutique du producteur '.Html::encode($producer->name).' est désactivée.') ;
 
 ?>
 
 <div id="page-producer-offline">
-    <h1 class="title-system-order"><?= Html::encode($producer->name) ?></h1>
-    <div class="info"><span class="alert alert-danger">L'espace de ce producteur est désactivé.</span></div>
-    <div>
-        <a class="btn btn-default" href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/producers']); ?>"><span class="glyphicon glyphicon-search"></span> Je recherche un autre producteur</a>
+    <div class="row">
+        <div class="col-lg-6">
+            <div class="panel panel-primary panel-padding-large">
+                <div class="panel-body">
+                    <h2><?= Html::encode($producer->name) ?></h2>
+                    <div class="alert alert-danger">
+                        <i class="bi bi-x-circle"></i>
+                        La boutique de ce producteur est désactivée.
+                    </div>
+                    <div>
+                        <a class="btn btn-secondary" href="<?= \Yii::$app->urlManagerFrontend->createUrl(['site/index']); ?>">
+                            <i class="bi bi-search"></i> Je recherche un autre producteur
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </div>

frontend/web/sass/_order_system.scss

 }
 
 #page-producer-offline {
-  text-align: center;
+  //text-align: center;
 
-  .info {
-    margin-bottom: 60px;
+  .col-lg-6 {
+    margin: 0px auto;
   }
 }
 

frontend/web/sass/screen.scss

       h2.first-title {
         margin-top: 0px;
       }
+
+      h2 {
+        margin-bottom: 20px;
+      }
     }
 
     &.panel-default {

producer/web/css/screen.css

 .product-name-description-block .name {
   font-family: "worksans_semibold";
   color: black;
-  font-size: 1.2em;
-  line-height: 1.4em;
+  font-size: 1.1em;
+  line-height: 1.3em;
 }
 /* line 127, ../sass/_layout.scss */
 .product-name-description-block .other {
 }
 /* line 315, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products td.photo img {
-  width: 100px;
+  width: 75px;
 }
 /* line 325, ../sass/order/_order.scss */
 .order-order #main #app-order-order table#products .price-unit .decreasing-prices {

producer/web/sass/_layout.scss

     .name {
         font-family: 'worksans_semibold' ;
         color: black ;
-        font-size: 1.2em ;
-        line-height: 1.4em ;
+        font-size: 1.1em ;
+        line-height: 1.3em ;
     }
 
     .other {

producer/web/sass/order/_order.scss

 
             td.photo {
                 img {
-                    width: 100px ;
+                    width: 75px ;
                 }
             }