Page index

- style points de vente / produits
- prix produits

producer/views/site/index.php

         'dataProvider' => $dataProviderPointsSale,
         'summary' => '',
         'columns' => [
-            'name',
-            'locality',
+            [
+                'attribute' => 'name',
+                'format' => 'raw',
+                'contentOptions' => ['class' => 'name'],
+                'value' => function($model) {
+                    $html = '<span class="the-name">'.Html::encode($model->name).'</span>' ;
+                    if(strlen($model->locality)) {
+                        $html .= '<br />à '.Html::encode($model->locality) ;
+                    }
+                    return $html ;
+                }
+            ],
             [
                 'label' => 'Jours de livraison',
                 'value' => function($model) {
             [
                 'attribute' => 'photo',
                 'format' => 'raw',
-                'headerOptions' => ['class' => 'td-photo'],
+                'contentOptions' => ['class' => 'photo'],
                 'value' => function($model) {
                     if(strlen($model->photo)) {
                         return '<img class="photo-product" src="'.Yii::$app->urlManagerProducer->baseUrl.'/uploads/'.$model->photo.'" />' ;
                     return '' ;
                 }
             ],
-            'name',
-            'description',
+            [
+                'attribute' => 'name',
+                'format' => 'raw',
+                'contentOptions' => ['class' => 'name'],
+                'value' => function($model) {
+                    $html = '<span class="the-name">'.Html::encode($model->name).'</span>' ;
+                    if(strlen($model->description)) {
+                        $html .= ' / '.Html::encode($model->description) ;
+                    }
+                    if(strlen($model->recipe)) {
+                        $html .= '<br />'.Html::encode($model->recipe) ;
+                    }
+                    return $html ;
+                }
+            ],
             [
                 'attribute' => 'weight',
                 'value' => function($model) {
                     if(strlen($model->weight)) {
-                        return $model->weight.'g' ;
+                        return $model->weight.' g' ;
+                    }
+                    return '' ;
+                }
+            ],
+            [
+                'attribute' => 'price',
+                'value' => function($model) {
+                    if($model->price) {
+                        return Price::format($model->price) ;
                     }
                     return '' ;
                 }

producer/web/css/screen.css

   width: 100%;
   max-width: 500px;
 }
-/* line 54, ../sass/site/_index.scss */
-.site-index #products img.photo-product {
+/* line 55, ../sass/site/_index.scss */
+.site-index #points-sale .name {
+  color: #333;
+}
+/* line 57, ../sass/site/_index.scss */
+.site-index #points-sale .name .the-name {
+  font-family: "capsuularegular";
+  font-size: 20px;
+  color: black;
+}
+/* line 67, ../sass/site/_index.scss */
+.site-index #products td.photo {
   width: 100px;
+}
+/* line 69, ../sass/site/_index.scss */
+.site-index #products td.photo img.photo-product {
+  width: 120px;
   height: auto;
 }
+/* line 75, ../sass/site/_index.scss */
+.site-index #products .name {
+  color: #333;
+}
+/* line 77, ../sass/site/_index.scss */
+.site-index #products .name .the-name {
+  font-family: "capsuularegular";
+  font-size: 20px;
+  color: black;
+}
 
 /* line 4, ../sass/site/_credit_history.scss */
 .site-credit-history #credit-user {

producer/web/sass/site/_index.scss

             }
         }    
     }
+    
+    #points-sale {
+        .name {
+            color: #333 ;
+            .the-name {
+                font-family: 'capsuularegular' ;
+                font-size: 20px ;
+                color: black ;
+            }
+        }
+        
+    }
+    
     #products {
-        img.photo-product {
+        td.photo {
             width: 100px ;
-            height: auto ;
+            img.photo-product {
+                width: 120px ;
+                height: auto ;
+            }
+        }
+        
+        .name {
+            color: #333 ;
+            .the-name {
+                font-family: 'capsuularegular' ;
+                font-size: 20px ;
+                color: black ;
+            }
+            
+            .recipe {
+                
+            }
         }
+        
     }
 }