frontend/views/catalog/product.php

<?php
    /**
     * @var Category $category
     */
    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->title = $product->fullname;
    $test = $productProvider->getPagination()->getPage();
    $this->registerLink(['rel' => 'next', 'href' => $test);
    $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');
?>