Administrator / new_rukzachok-1

  <?php

      /**
       * @var Category $category
       */

      //    use common\modules\comment\models\Comment;
      //    use common\modules\comment\models\Rating;
      //    use common\modules\comment\widgets\CommentWidget;

      use common\modules\comment\widgets\CommentWidget;

      use common\modules\product\models\Category;

  use yii\helpers\Html;
  use yii\web\View;

      use yii\helpers\Url;
      use frontend\widgets\Seo;

  use frontend\assets\FlipclockAsset;
  FlipclockAsset::register($this);

      $this->params[ 'seo' ][ 'key' ] = $category->categoryName->value;

      $this->params[ 'seo' ][ 'fields' ][ 'name' ] = $product->fullname;

      $this->params[ 'seo' ][ 'h1' ] = !empty( Seo::widget([ 'row' => 'h1' ]) ) ? Seo::widget([ 'row' => 'h1' ]) : $product->fullnamewithcategory;

      
      //$this->params['seo']['title'] =  "Купить " . substr($product->category->categoryName->value, 0, -2) . " " . $product->fullname . " в Киеве, Харькове, Украине: цены, отзывы - Rukzachok.com.ua";
      //$this->params['seo']['description'] = "Заказать " . substr($product->category->categoryName->value, 0, -2) . " " . $product->fullname . " - самые модные и стильные рюкзаки в Украине по лучшим ценам. Интернет магазин рюкзаков Rukzachok.com.ua";
      $this->title = $product->fullname;
      //$this->title = (! empty($product->meta_title)) ? $product->meta_title : $product->fullname;
      //$this->registerMetaTag (['name' => 'description', 'content' => ((! empty($product->meta_description)) ? $product->meta_description : $product->fullname)]);
      //$this->registerMetaTag (['name' => 'keywords', 'content' => $product->meta_keywords]);
      
      //foreach($product->category->getParents()->all() as $parent) {
      //    $this->params['breadcrumbs'][] = ['label' => $parent->categoryName->value, 'url' => ['catalog/category', 'category' => $parent]];
      //}
      $this->params[ 'breadcrumbs' ][] = [
          'label' => 'Каталог',
          'url'   => [ 'catalog/category' ],
      ];
      $this->params[ 'breadcrumbs' ][] = [

          'label' => $category->categoryName->value,

          'url'   => [
              'catalog/category',

              'category' => $category,

          ],
      ];

      $this->params[ 'breadcrumbs' ][] = [
          'label' => $category->name.' '.$product->brand->name,
          'url'   => [

              'catalog/category',
              'category' => $category,
              'filters' => [
                  'brands' => [$product->brand->alias]
              ]

          ],
      ];

      $this->params[ 'breadcrumbs' ][] = $product->fullname . ' #' . $product->variant->sku;

      
      $this->registerJs('

          var checkData = function($index)
          {

              var sourceNew = $(".productLeftBar .product_mod > li").eq($index);
              $(".productLeftBar .product_mod > li").removeClass("active")
              sourceNew.addClass("active");
              var $source = sourceNew.find("a");

              var $target = $(".productLeftBar .cost_box");

              $("#cost").text($source.data("cost"));
              $("#old_cost").text($source.data("old_cost"));

              if (parseInt ($source.data("old_cost")) == 0)
              {
                  $target.find("strike").hide();
              }
              else
              {
                  $target.find("strike").show();
              }

              $("#product_id").val($source.data("id"));
              $("#art").text($source.data("art"));
              $("#color").text($source.data("color"));
              $("#pic").attr("src",$source.data("image"));
              $("#picoriginal").attr("href",$source.data("imageoriginal"));
          }

          $("body").on("click", ".link_buy_out_stock", function(e){
              e.preventDefault();
          });
          

          $(".product_mod > li").click(function()
          {
              checkData($(this).index());

              Shadowbox.setup($("#picoriginal"));

              return false;
          });

          checkData(0);
  
      ', View::POS_READY, 'fasovka');

      
      $this->registerJs("

          $('#nav_product li a').addClass('active');
          $('#nav_product li').find('.info').toggle();
  
          $('#nav_product li a').bind('click',function()
          {
              if($(this).parent().find('.info').css('display')=='none')$(this).addClass('active');
              else $(this).removeClass('active');
              $(this).parent().find('.info').toggle();
  
              return false;
          });
      ", View::POS_READY, 'nav_product');

      
      $this->registerCssFile(Yii::$app->request->BaseUrl . '/js/shadowbox-3.0.3/shadowbox.css');
      $this->registerJsFile(Yii::$app->request->baseUrl . '/js/shadowbox-3.0.3/shadowbox.js', [
          'position' => View::POS_END,
          'depends'  => [ 'yii\web\JqueryAsset' ],
      ]);
      $this->registerJs("

          Shadowbox.init({
  
      });
      ", View::POS_READY, 'Shadowbox');
  ?>

  <?php if($flash = Yii::$app->session->getFlash('success')): ?>

      <div class="alert-success"><?= $flash ?></div>
  <?php endif; ?>

      <div class="loyout">
          <div itemscope itemtype="http://schema.org/Product">
              <div class="productLeftBar">
                  <div itemprop="name"><h1><?= Seo::widget([ 'row' => 'h1' ]) ?></h1></div>
                  <?php foreach($product->enabledVariantsGrouped as $variantGroup) : ?>
                      <div class="begin"><?= $variantGroup->name2 ?></div>
                      <ul class="product_mod">
                          <?php foreach($variantGroup->_variants as $variant): ?>
                              <li>
                                  <a id='m<?= $variant->product_variant_id ?>' href="#<?= $variant->product_variant_id ?>"
                                      data-cost="<?= $variant->price ?>"
                                      data-old_cost="<?= $variant->price_old ?>" data-id="<?= $variant->product_variant_id ?>" data-art="<?= $variant->sku ?>"
                                      data-color="<?= $variant->name ?>"
                                      data-image="<?= \common\components\artboximage\ArtboxImageHelper::getImageSrc($variant->imageUrl, 'product_view') ?>"
                                      data-imageoriginal="<?= $variant->imageUrl ?>"
                                      title="<?= $product->fullname ?>">
                                      <?= \common\components\artboximage\ArtboxImageHelper::getImage($variant->imageUrl, 'product_variant', [

                                          'alt'   => $category->categoryName->value . ' ' . $product->fullname,
                                          'title' => $category->categoryName->value . ' ' . $product->fullname,

                                      ]) ?>
                                  </a>
                              </li>
                          <?php endforeach; ?>
                      </ul>
                      <div class="both"></div>
                  <?php endforeach; ?>
                  
                  <div class="cost_box product_read_">
                      <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                          <div class='params'>код: <span id='art'></span><br/> цвет:
                              <span id='color'></span></div>
                          <div class="product_read_price">
                              <div class="w">

                                  <strike><span><span id='old_cost'><?= $product->variant->price_old >0 ? $product->variant->price_old : 0?></span></span> грн.</strike>
                                  <span class="cost"><span itemprop="price"><span id='cost'><?= $product->variant->price ?></span></span> <span class="valute">грн.</span></span>

                                  <meta itemprop="priceCurrency" content="UAH">
                              </div>
                              <input type='hidden' id='product_id'/>

                              <a href="#" rel='<?= $product->variant->price > 0 ? "product" : ""?>' class="<?= $product->variant->price > 0 ? "link_buy" : "link_buy_out_stock"?>"><?= $product->variant->price > 0 ? "Купить" : "Нет в наличии"?></a>

                              <div class="both"></div>
                          </div>
                      </div>

                      <div class="check_price">
                          <span>
                              Наличие и цены уточняйте на момент покупки.
                          </span>
                      </div>

                      <div class="product_service">
                          <ul>
                              <?php if(Yii::$app->user->id) : ?>
                                  <li class="item1"><a href="<?= Url::to([
                                          'iam/share',
                                          'id' => $product->product_id,
                                      ]) ?>">Добавить в закладки</a></li>
                              <?php endif ?>
                              <?php if(false && Yii::$app->user->id) : ?>
                                  <li class="item2"><a href="<?= Url::to([
                                          'iam/price',
                                          'id' => $product->product_id,
                                      ]) ?>">Узнать о снижение цены</a></li>
                              <?php endif ?>
                              <?php if(false) : ?>
                                  <li class="item3"><a href="<?= Url::to([
                                          'products/compare',
                                          'id' => $product->product_id,
                                      ]) ?>">Добавить в сравнение</a></li>
                              <?php endif ?>
                          </ul>
                      </div>
                      <div class="artbox_comment_description">

                          <?php
                              if(!empty( $product->averageRating ) && $product->averageRating->value) {
                                  ?>

                                  <div itemprop="aggregateRating" class="product_rating_block" itemscope itemtype="http://schema.org/AggregateRating">

                                      <span itemprop="ratingValue" style="display: none"><?php echo $product->averageRating->value; ?></span>
                                      <span itemprop="ratingCount" style="display: none"><?php echo count($product->comments); ?></span>
                                      <div class="rateit" data-rateit-value="<?php echo $product->averageRating->value; ?>" data-rateit-readonly="true" data-rateit-ispreset="true"></div>
                                  </div>

                                  <?php
                              }
                          ?>

                          <p class="product_review_block"><a href="#artbox-comment" itemprop="interactionCount">

                                  <?php
                                      $comment_count = count($product->comments);
                                      if($comment_count) {
                                          echo "Отзывов: " . $comment_count;
                                      } else {

                                          echo "Оставить отзыв";

                                      }
                                  ?>
                              </a></p>

                      </div>
                      <br>

                      <?php
                          /* Share buttons
                          ?>
                          <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter" data-size="s"></div>
                          <?php
                          */
                      ?>

                  </div>

                  <div class="labels_block">
                      <div class="labels_item">
                          <img src="/img/icon_100_original_01.png" alt="">
                      </div>
                      <div class="labels_item">
                          <img src="/img/icon_100_quaranty_01.png" alt="">
                      </div>
                  </div>

                  <?php /*

          <div class="product_service">
              <ul>
                  <li class="item1"><a href="<?= Url::to (['iam/share', 'id' => $product->product_id]) ?>">Добавить в закладки</a>
                  </li>
                  <li class="item2"><a href="<?= Url::to (['iam/price', 'id' => $product->product_id]) ?>">Узнать о снижение
                          цены</a></li>
                  <li class="item3"><a href="<?= Url::to (['products/compare', 'id' => $product->product_id]) ?>">Добавить в
                          сравнение</a></li>
              </ul>

          </div>*/ ?>
              </div>
              
              <div class="productRightBar">

                  <?php foreach($product->events as $event):?>
                      <?php if(!empty($event->end_at) && $event->isActive()):?>
                          <div class="event_block">
  
                              <div class="event_title"> <?=  Html::a('Акция!!! '.$event->name,Url::to(['event/show','alias'=>$event->alias,'id'=>$event->primaryKey]))?></div>
                              <div class="event_time">До конца осталось:</div>
                              <div class="clock_<?= $event->primaryKey ?> clock_product_first "></div>
                              <script type="text/javascript">
                                  var clock;
  
                                  $(document).ready(function() {
                                      var clock;
  
                                      clock = $('.clock_<?= $event->primaryKey ?>').FlipClock({
                                          clockFace: 'DailyCounter',
                                          language: 'ru',
                                          classes: {
                                              active: 'flip-clock-active',
                                              before: 'flip-clock-before',
                                              divider: 'flip-clock-divider',
                                              dot: 'flip-clock-dot',
                                              label: 'flip-clock-label',
                                              flip: 'flip',
                                              play: 'play',
                                              wrapper: 'flip-clock-wrapper'
                                          },
                                      });
  
                                      clock.setTime(<?= strtotime($event->end_at) - strtotime(date("Y-m-d H:i:s"))?>);
                                      clock.setCountdown(true);
                                      clock.start();
  
                                  });
                              </script>
  
                          </div>
                      <?php endif; ?>
                  <?php endforeach; ?>
  

                  <ul id="nav_product">
                      <li><a href="#">Характеристики</a>
                          <div class="info">
                              <p>Бренд: <?= $product->brand->name ?></p>

                              <?php foreach($product->getActiveProperties($category->category_id) as $group): ?>

                                  <p><?= $group->name ?> <?php foreach($group->_options as $option) : ?>&nbsp;<?= $option->ValueRenderHTML ?><?php endforeach ?></p>
                              <?php endforeach; ?>
                          </div>
                      </li>
                      <li><a href="#">Описание</a>
                          <div itemprop="description">
                              <div class="info">
                                  <?= $product->description ?>
                              </div>
                          </div>
                      </li>
                      <?php if(!empty( $product->video ) && strpos($product->video, '.jpg') === false && strpos($product->video, '.png') === false) : ?>
                          <li><a href="#">Видео</a>
                              <div class="info product-thumb-video">
                                  <?php if(strpos($product->video, '<iframe') !== false || strpos($product->video, '<object') !== false) : ?>
                                      <?= $product->video ?>
                                  <?php else : ?>
                                      <?= \cics\widgets\VideoEmbed::widget([
                                          'responsive' => false,
                                          'url'        => $product->video,
                                      ]) ?>
                                  <?php endif ?>
                              </div>
                          </li>
                      <?php endif ?>
                  </ul>
              </div>

              <div class="content">
                  <div class="pic">
                      <center>

                          <a href="#" rel="shadowbox[gal]" id="picoriginal"><?= \common\components\artboximage\ArtboxImageHelper::getImage($product->variant->imageUrl, 'product_view', [

                                  'id'    => 'pic',

                                  'alt'   => $category->categoryName->value . ' ' . $product->fullname,
                                  'title' => $category->categoryName->value . ' ' . $product->fullname,

                              ]) ?></a>
                      </center>
                  </div>
                  <ul class="product_colors">
                      <?php foreach($product->images as $image): ?>
                          <li><a href="<?= $image->imageUrl ?>" rel="shadowbox[gal]">
                                  <?= \common\components\artboximage\ArtboxImageHelper::getImage($image->imageUrl, 'product_trumb2', [
                                      'alt'   => $category->categoryName->value . ' ' . $product->fullname,
                                      'title' => $category->categoryName->value . ' ' . $product->fullname,
                                  ]) ?>
                              </a></li>
                      <?php endforeach; ?>
                  </ul>
              </div>

              <div class="events">
                  <?php foreach($product->events as $event):?>
                      <?php if(!empty($event->banner) && $event->isActive()):?>
                          <?=  Html::a(\common\components\artboximage\ArtboxImageHelper::getImage($event->bannerUrl, 'event_in_product'),Url::to(['event/show','alias'=>$event->alias,'id'=>$event->primaryKey]))?>
                      <?php endif; ?>
                  <?php endforeach; ?>
              </div>
  

              <div class="both"></div>
              <div class="comment-wrapper" style="padding-bottom:25px">
                  <?php
                      echo CommentWidget::widget([
                          'model' => $product,
                      ]);
                  ?>
                  <div class="both"></div>
              </div>

              <div class="both"></div>

          </div>

          <?= \common\modules\product\widgets\similarProducts::widget([ 'product' => $product ]) ?>
          <?= \common\modules\product\widgets\specialProducts::widget([ 'type' => 'promo' ]) ?>
          <?= \common\modules\product\widgets\specialProducts::widget([ 'type' => 'new' ]) ?>
          <?= \common\modules\product\widgets\specialProducts::widget([ 'type' => 'top' ]) ?>
          <?= \common\modules\product\widgets\lastProducts::widget() ?>

      </div>

  <?php

      $this->registerJs("

        var productHash = window.location.hash;
              productHash = productHash.replace('#','')
  
              var productUl = $('ul.product_mod li')
              var productA = productUl.find('a#'+productHash)
              productUl.removeClass('active')
              productA.parent().addClass('active')
              var dataLink = productA.attr('data-imageoriginal')
              var dataImg = productA.attr('data-image')
  
              $('#pic').attr('src',dataImg)
              $('#pic').parent().attr('href',dataLink)
      ", View::POS_READY, 'new_script');
  ?>