Корзина и миниатюры

Eugeny Galkovskiy
1 parent 102557ef
Showing 4 changed files with 307 additions and 34 deletions Show diff stats
frontend/views/basket/cart.php
frontend/views/layouts/main.php
frontend/views/site/_slider_product.php
frontend/web/css/style.css
@@ -9,19 +9,21 @@
 ?>
 <span class="badge"><?= $count; ?></span>
 <?php
-    echo Html::a(
-        Html::tag(
-            'span',
-            \Yii::t('app', 'Корзина'),
-            [
-                'class' => 'sub-title',
-            ]
-        ),
+echo Html::a(
+    Html::tag(
+        'span',
+        \Yii::t('app', 'Корзина'),
         [
-            '/checkout/index',
-        ],
-        [
-            'class' => 'cart-item-link',
+            'class' => 'sub-title',
         ]
-    );
+    ),
+    [
+        '#',
+    ],
+    [
+        'class' => 'cart-item-link',
+        'data-toggle'   =>  'modal',
+        'data-target'   =>  '#basket-modal',
+    ]
+);
 ?>
@@ -6,6 +6,7 @@
      * @var User         $user
      */
     use artbox\core\components\SeoComponent;
+    use artbox\core\helpers\ImageHelper;
     use artbox\core\models\Feedback;
     use artbox\core\models\Image;
     use artbox\core\models\Page;
@@ -256,27 +257,29 @@ _________________________________________________________ --&gt;
                   </ul>
                 </div>
                 <!--/.nav-collapse -->
-                
-                <div class="cart-item" id="cart">
-                  <span class="badge">0</span>
-                    <?php
-                        echo Html::a(
-                            Html::tag(
-                                'span',
-                                \Yii::t('app', 'Корзина'),
-                                [
-                                    'class' => 'sub-title',
-                                ]
-                            ),
-                            [
-                                '/checkout/index',
-                            ],
-                            [
-                                'class' => 'cart-item-link',
-                            ]
-                        );
-                    ?>
-                </div>
+
+                  <div class="cart-item" id="cart">
+                      <span class="badge">0</span>
+                      <?php
+                      echo Html::a(
+                          Html::tag(
+                              'span',
+                              \Yii::t('app', 'Корзина'),
+                              [
+                                  'class' => 'sub-title',
+                              ]
+                          ),
+                          [
+                              '#',
+                          ],
+                          [
+                              'class' => 'cart-item-link',
+                              'data-toggle'   =>  'modal',
+                              'data-target'   =>  '#basket-modal',
+                          ]
+                      );
+                      ?>
+                  </div>
  
                 <div class="search-block" id="search">
                     <?php
@@ -518,6 +521,225 @@ _________________________________________________________ --&gt;
           </div>
         </div>
         <!-- *** FEEDBACK MODAL END *** -->
+
+          <!-- *** MODAL BASKET START *** -->
+
+          <div class="modal fade" id="basket-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
+              <div class="modal-dialog modal-lg">
+
+                  <div class="modal-content">
+                      <div class="modal-header">
+                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                          <h4 class="modal-title callback text-center" id="Login">
+                              <?php
+                              echo Html::a(
+                                  Html::tag(
+                                      'span',
+                                      \Yii::t('app', 'Ваша корзина')
+                                  ),
+                                  [
+                                      '/checkout/index',
+                                  ]
+                              );
+                              ?>
+                          </h4>
+                      </div>
+                      <div class="modal-body">
+                          <?php
+                          /**
+                           * @var \artbox\order\models\Basket $basket
+                           */
+                          $basket = \Yii::$app->get('basket');
+                          $data = $basket->getData();
+                          $variants = [];
+                          if (!empty($data)) {
+                              $variants = $basket->findModels(array_keys($data));
+                          }
+                          $formatter = \Yii::$app->formatter;
+                          $sum = 0;
+                          $sumDiscount = 0;
+                          foreach ($basket->findModels(array_keys($basket->getData())) as $variant) {
+                              $count = $basket->getItem($variant->id)[ 'count' ];
+                              $sum += $variant->price * $count;
+                              if (!empty($variant->price_old)) {
+                                  $sumDiscount += ( $variant->price_old - $variant->price ) * $count;
+                              }
+                          }
+
+                          if (!empty($variants)) {
+                              ?>
+                              <div class="clearfix">
+                                  <div class="col-md-12 clearfix">
+                                      <table class="table">
+                                          <thead>
+                                          <tr>
+                                              <th colspan="2"><?php echo \Yii::t('app', 'Продукт'); ?></th>
+                                              <th><?php echo \Yii::t('app', 'Количество'); ?></th>
+                                              <th><?php echo \Yii::t('app', 'Цена за единицу'); ?></th>
+                                              <th><?php echo \Yii::t('app', 'Скидка'); ?></th>
+                                              <th colspan="2"><?php echo \Yii::t('app', 'Всего'); ?></th>
+                                          </tr>
+                                          </thead>
+                                          <tbody>
+                                          <?php
+                                          foreach ($variants as $variant) {
+                                              $count = $basket->getItem($variant->id)[ 'count' ];
+                                              ?>
+                                              <tr data-id="<?php echo $variant->id; ?>" class="product-row-basket">
+                                                  <td>
+                                                      <?php
+                                                      echo Html::a(
+                                                          ImageHelper::set($variant->product->image->getPath())
+                                                              ->fillResize(50, 50)
+                                                              ->renderImage(
+                                                                  [
+                                                                      'alt'   => $variant->product->lang->title,
+                                                                      'title' => $variant->product->lang->title,
+                                                                  ]
+                                                              ),
+                                                          [
+                                                              '/product/view',
+                                                              'id' => $variant->product->id,
+                                                          ],
+                                                          [
+                                                              'target' => '_blank',
+                                                          ]
+                                                      );
+                                                      ?>
+                                                  </td>
+                                                  <td>
+                                                      <?php
+                                                      echo Html::a(
+                                                          $variant->product->lang->title,
+                                                          [
+                                                              '/product/view',
+                                                              'id' => $variant->product->id,
+                                                          ],
+                                                          [
+                                                              'target' => '_blank',
+                                                          ]
+                                                      );
+                                                      ?>
+                                                  </td>
+                                                  <td>
+                                                      <?php
+                                                      echo Html::input(
+                                                          'number',
+                                                          '',
+                                                          $count,
+                                                          [
+                                                              'class' => 'form-control increase-product-basket',
+                                                          ]
+                                                      );
+                                                      ?>
+                                                  </td>
+                                                  <td>
+                                                      <?php
+                                                      echo $formatter->asDecimal($variant->price ? : 0, 2);
+                                                      ?>
+                                                  </td>
+                                                  <td>
+                                                      <?php
+                                                      if (!empty($variant->price_old)) {
+                                                          echo $formatter->asDecimal($variant->price_old - $variant->price, 2);
+                                                      } else {
+                                                          echo $formatter->asDecimal(0, 2);
+                                                      }
+                                                      ?>
+                                                  </td>
+                                                  <td>
+                                                      <?php
+                                                      echo $formatter->asDecimal(
+                                                          ( $variant->price ? : 0 ) * $count,
+                                                          2
+                                                      );
+                                                      ?>
+                                                  </td>
+                                                  <td><a href="#" class="remove-product-cart"><i class="fa fa-trash-o"></i></a>
+                                                  </td>
+                                              </tr>
+                                              <?php
+                                          }
+                                          ?>
+                                          </tbody>
+                                          <tfoot>
+                                          <tr>
+                                              <th colspan="5"><?php echo \Yii::t('app', 'Всего'); ?></th>
+                                              <th colspan="2"><?php echo $formatter->asDecimal($sum, 2); ?></th>
+                                          </tr>
+                                          </tfoot>
+                                      </table>
+                                  </div>
+                                  <div class="col-md-12 clearfix">
+                                      <div class="box" id="order-summary">
+                                          <div class="box-header">
+                                              <h3>Итоговый счет</h3>
+                                          </div>
+                                          <p class="text-muted small"><?php echo \Yii::t(
+                                                  'app',
+                                                  'Стоимость доставки рассчитывается в зависимости от адреса и способа доставки'
+                                              ); ?></p>
+
+                                          <div class="table-responsive">
+                                              <table class="table">
+                                                  <tbody>
+                                                  <tr>
+                                                      <td><?php echo \Yii::t('app', 'Всего за товары'); ?></td>
+                                                      <th><?php echo $formatter->asDecimal($sum, 2); ?></th>
+                                                  </tr>
+                                                  <tr>
+                                                      <td><?php echo \Yii::t('app', 'Сумма скидки'); ?></td>
+                                                      <th><?php echo $formatter->asDecimal($sumDiscount, 2); ?></th>
+                                                  </tr>
+                                                  <tr class="total">
+                                                      <td><?php echo \Yii::t('app', 'Итого к оплате'); ?></td>
+                                                      <th><?php echo $formatter->asDecimal($sum, 2); ?></th>
+                                                  </tr>
+                                                  </tbody>
+                                              </table>
+                                          </div>
+                                      </div>
+                                  </div>
+                                  <div class="col-md-12 clearfix">
+
+                                      <div class="box">
+
+                                          <div class="table-responsive">
+
+
+                                          </div>
+                                          <!-- /.table-responsive -->
+
+                                          <div class="box-footer">
+                                              <div class="pull-right">
+                                                  <?php
+                                                  echo Html::a(
+                                                      \Yii::t(
+                                                          'app',
+                                                          ' Оформить заказ '
+                                                      ) . Html::icon('chevron-right', [ 'prefix' => 'fa fa-' ]),
+                                                      [ 'checkout/info' ],
+                                                      [
+                                                          'class' => 'btn btn-success',
+                                                      ]
+                                                  )
+                                                  ?>
+                                              </div>
+                                          </div>
+                                      </div>
+
+                                  </div>
+                              </div>
+                              <?php
+                          } else {
+                              echo Html::tag('p', \Yii::t('app', 'Ваша корзина пуста!'));
+                          }
+                          ?>
+                      </div>
+                  </div>
+              </div>
+          </div>
+          <!-- *** MODAL BASKET END *** -->
           <?php
               if (!$isHome) {
                   ?>
@@ -31,6 +31,37 @@
             );
         ?>
     </div>
+
+      <div class="vcovers">
+          <?php
+          $qwe = 0;
+          while($qwe < 5){?>
+
+              <div class="vcover">
+                  <?php
+                  echo Html::a(
+                      Html::img(
+                          ImageHelper::set(
+                              $product->image ? $product->image->getPath() : '@frontend/web/img/no-image.png'
+                          )
+                              ->fillResize(40, 40)
+                              ->render(),
+                          [
+                              'class' => 'img-responsive-image1',
+                          ]
+                      ),
+                      [
+                          'product/view',
+                          'id' => $product->id,
+                      ]
+                  );
+                  ?>
+              </div>
+              <?php
+              $qwe++;
+          }
+          ?>
+      </div>
     <!-- /.image -->
     <div class="text">
       <h3>
@@ -4731,4 +4731,22 @@ a i.fa, button i.fa, span.fa {
  
 .box .btn.btn-template-main {
     margin-bottom: 5px;
+}
+
+.vcovers {
+    position: absolute;
+    top: 0;
+    right: 20px;
+    height: 260px;
+    overflow: hidden;
+}
+
+.vcovers .vcover img.img-responsive-image1 {
+    border: 1px solid #eeeeee;
+    margin: 5px 0px;
+    transition:0.2s;
+}
+
+.vcovers .vcover img:hover{
+    border: 1px solid rgb(0, 91, 172);
 }
 \ No newline at end of file