frontend/views/layouts/main.php

<?php

    use yii\helpers\Html;
    use yii\helpers\Url;
    use frontend\assets\AppAsset;
    use yii\web\View;
    use frontend\components\Text;
    use frontend\components\BgWidget;
//    use frontend\components\CompareWidget;
    use frontend\components\HreflangWidget;
    use common\models\Subscribe;
    use yii\widgets\ActiveForm;
    use common\modules\product\models\Category;
    use frontend\widgets\Seo;

    AppAsset::register ($this);
    $this->registerJs ("
    $('.phone .more').bind('click',function(){
        $('.phone .more_block').toggle();
    });
", View::POS_READY, 'phone');
//$this->registerCssFile(Yii::$app->request->BaseUrl.'/css/style.css');
    $this->registerJsFile (Yii::$app->request->baseUrl . '/js/basket.js', ['position' => View::POS_END, 'depends' => ['yii\web\JqueryAsset']]);
    $this->registerJs ("
    $('#basket').basket();
", View::POS_READY, 'basket');
    $this->registerJsFile (Yii::$app->request->baseUrl . '/js/call.js', ['position' => View::POS_END, 'depends' => ['yii\web\JqueryAsset']]);
    $this->registerJs ("
    $('#call').call({token:'" . Yii::$app->request->getCsrfToken () . "'});
", View::POS_READY, 'call');

$this->registerJsFile (Yii::$app->request->baseUrl . '/js/fix_height.js', ['position' => View::POS_END, 'depends' => ['yii\web\JqueryAsset']]);
    $this->registerJs ("
    var activeTab = $('.social li:first a').attr('id');
    $('.'+activeTab+'_box').show();
    $('.social li').click(function(){
    $('.hide').hide();
    var activeTab = $(this).find('a').attr('id');
    //alert(activeTab);
    $('.'+activeTab+'_box').show();
    return false;
});
", View::POS_READY, 'social');

// AssetBundle jcarousel :D

    // jquery-migrate
    $this->registerJsFile('http://code.jquery.com/jquery-migrate-1.3.0.js',[
        'position' => View::POS_END,
        'depends' => ['yii\web\JqueryAsset']
    ]);

    // jcarousel
    $this->registerCssFile(Yii::$app->request->BaseUrl.'/js/jsor-jcarousel-7bb2e0a/skins/tango/skin.css');
    $this->registerJsFile(Yii::$app->request->baseUrl.'/js/jsor-jcarousel-7bb2e0a/lib/jquery.jcarousel.min.js',[
        'position' => View::POS_END,
        'depends' => ['yii\web\JqueryAsset']
    ]);

    $this->registerJs("
        $('.jcarousel').jcarousel({
            vertical: true,
            scroll: 1
        });
    ", View::POS_READY);


// AssetBundle jcarousel :D [close]

?>
<?php $this->beginPage () ?>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?= Yii::$app->language ?>">
    <head>
        <meta charset="<?= Yii::$app->charset ?>"/>
        <?= Html::csrfMetaTags () ?>
        <title><?= Seo::widget([ 'row'=>'title'])?></title>
        <?= Seo::widget([ 'row'=>'description'])?>
        <?= Seo::widget([ 'row'=>'meta'])?>
        <link rel="shortcut icon" href="<?= Yii::$app->request->baseUrl ?>/img/favicon.ico" type="image/x-icon"/>
        <?= HreflangWidget::widget ([]) ?>
        <?php $this->head () ?>

        <!-- SOCIAL ICON -->
        <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
        <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
        <!-- SOCIAL ICON -->

        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-75674711-1', 'auto');
            ga('send', 'pageview');
        </script>
        <meta name="google-site-verification" content="niSpd01ftupUt3pFCfQkh2zoezuPuUGblNOSGs-iRWo" />
    </head>
    <body>
    <!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5KPBHP"
                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-5KPBHP');</script>
    <!-- End Google Tag Manager -->
    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
        (function (d, w, c) {
            (w[c] = w[c] || []).push(function() {
                try {
                    w.yaCounter37829115 = new Ya.Metrika({
                        id:37829115,
                        clickmap:true,
                        trackLinks:true,
                        accurateTrackBounce:true
                    });
                } catch(e) { }
            });

            var n = d.getElementsByTagName("script")[0],
                s = d.createElement("script"),
                f = function () { n.parentNode.insertBefore(s, n); };
            s.type = "text/javascript";
            s.async = true;
            s.src = "https://mc.yandex.ru/metrika/watch.js";

            if (w.opera == "[object Opera]") {
                d.addEventListener("DOMContentLoaded", f, false);
            } else { f(); }
        })(document, window, "yandex_metrika_callbacks");
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/37829115" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
    
    <?php $this->beginBody () ?>
    <?= BgWidget::widget () ?>


    <?= $this->render ('/basket/_popup') ?>


    <nav class="top">
        <div class="wrap">
            <div class="fl">
                <ul>
                    <li><a href="<?= Url::to (['text/index', 'translit' => 'oplata_i_dostavka']) ?>">Оплата и
                            доставка</a></li>
                    <li><a href="<?= Url::to (['text/index', 'translit' => 'contacts']) ?>">О магазине</a></li>
                    <li><a href="<?= Url::to (['text/index', 'translit' => 'help']) ?>" ><span>Возврат - Обмен</span></a></li>
                </ul>
                <div class="both"></div>
            </div>
            <div class="search">
                <form method="get" action="/search">
                    <input type="text" name="word" value='<?= ! empty($_GET['word']) ? Html::encode ($_GET['word']) : '' ?>'/><input
                        type="submit" value="    "/>
                </form>
            </div>
            <div class="fr">
                <?php if (Yii::$app->user->isGuest): ?>
                    <a href="<?= Url::to (['login/index']) ?>" id='login'><span>Личный кабинет</span></a>
                <?php else: ?>
                    <a href="<?= Url::to (['iam/index']) ?>"><?= Text::getShort (Yii::$app->user->identity->username, 20) ?></a>
                    <a href="<?= Url::to (['login/logout']) ?>" class='logout'>Выход</a>
                <?php endif; ?>
            </div>
            <div class="both"></div>
        </div>
    </nav>


    <div class="wrap br f">

        <div class="header">
            <div class="phone">
                <div class="tel">
                    (044) 303 90 15<br/>
                    (093) 911 05 03<br/>
                    (095) 004 56 55<br/>
                    (068) 083 62 01
                </div>
<!--                <a href="#" id='call'>Обратный звонок</a>-->
            </div>
            <div class="basket">
                <div id="basket" class="info">Корзина <span>0</span></div>
                <span class="more"></span>
                <div class="both"></div>
                <div class="compare"><?php /*= CompareWidget::widget () */?></div>
                <div class="basket_hovered">
                    <div class="basket_hovered_white"></div>
                    <div class="basket_items">

                        Загрузка...

                    </div>

                    <div style="float:right;"><a href="<?= Url::to (['basket/index']) ?>" class="submit4 bottom3"
                                                 style="color: #ffffff;">Оформить заказ</a></div>

                </div>
            </div>
            <div class="logo"><a href="<?= Url::to (['site/index']) ?>" title="Рюкзачок"><span>Рюкзачок</span></a></div>

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


        <div class="menu">
            <?= $this->render('main-menu', Category::find ()->all())?>
            <div class="both"></div>
        </div>

        <div class="wrapper_all">
            <?= $content ?>
        </div>

    </div>

    <div class="bottom">
        <div class="wrap">
            <div class="rightbar2">

                <div class="socialbox">
                    <div class="vk_box hide">
                        <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

                        <!-- VK Widget -->
                        <div id="vk_groups"></div>
                        <script type="text/javascript">
                            VK.Widgets.Group("vk_groups", {
                                mode: 0,
                                width: "320",
                                height: "213",
                                color1: 'FFFFFF',
                                color2: '2B587A',
                                color3: '5B7FA6'
                            }, 99037905);
                        </script>
                    </div>
                    <div class="fb_box hide">
                        <div id="fb-root"></div>
                        <script>(function (d, s, id) {
                                var js, fjs = d.getElementsByTagName(s)[0];
                                if (d.getElementById(id)) return;
                                js = d.createElement(s);
                                js.id = id;
                                js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.4";
                                fjs.parentNode.insertBefore(js, fjs);
                            }(document, 'script', 'facebook-jssdk'));</script>
                        <div class="fb-page" data-href="https://www.facebook.com/pages/Rukzachokcomua/1031766016856430"
                             data-width="320" data-height="213" data-small-header="false"
                             data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"
                             data-show-posts="true">
                            <div class="fb-xfbml-parse-ignore">
                                <blockquote cite="https://www.facebook.com/pages/Rukzachokcomua/1031766016856430"><a
                                        href="https://www.facebook.com/pages/Rukzachokcomua/1031766016856430">Rukzachok.com.ua</a>
                                </blockquote>
                            </div>
                        </div>
                    </div>

                    <div class="gp_box hide">

                        <script src="https://apis.google.com/js/platform.js" async defer>
                            {
                                lang: 'ru'
                            }
                        </script>

                        <div class="g-page" data-href="https://plus.google.com/106638911242676218673"
                             data-rel="publisher"></div>
                    </div>

                    <div class="ok_box hide">
                        <div id="ok_group_widget"></div>
                        <script>
                            !function (d, id, did, st) {
                                var js = d.createElement("script");
                                js.src = "http://connect.ok.ru/connect.js";
                                js.onload = js.onreadystatechange = function () {
                                    if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
                                        if (!this.executed) {
                                            this.executed = true;
                                            setTimeout(function () {
                                                OK.CONNECT.insertGroupWidget(id, did, st);
                                            }, 0);
                                        }
                                    }
                                }
                                d.documentElement.appendChild(js);
                            }(document, "ok_group_widget", "52719911305396", "{width:320,height:213}");
                        </script>


                    </div>
                    <div class="tw_box hide">Пока нет!</div>

                </div>
                <?php
                    /*
                                    echo '<p class="txts">';

                                            $ids = ViewProduct::listView ();
                                            if (! empty($ids))
                                            {
                                                $products = Products::find ()->where (['id' => ViewProduct::listView ()])->all ();
                                                echo 'Вы просматривали';
                                            }
                                            else
                                            {
                                                $products = Products::find ()->where (['new' => '1'])->orderBy ('id DESC')->innerJoinWith (['cost'])->groupBy ('id')->limit (4)->all ();
                                                echo 'Товары со скидкой';
                                            }
                                    echo '</p>';

                                    echo '
                                    <div class="view_carousel">
                                        <ul class="view_products jcarousel-skin-tango2">';

                                        foreach ($products as $item)
                                        {
                                            if (! empty ($item->cost))
                                            {
                                                echo '
                                                <li>
                                                    <div class="bg-img-foot-wr">
                                                        <a class="bg-img-foot" href="'.Url::to (['products/show', 'translit_rubric' => $item->catalog->translit, 'translit' => $item->translit, 'id' => $item->id]) .'">
                                                        <img src="'.Yii::$app->request->baseUrl . '/upload/products/ico/' . $item->imageAvator.'" border="0"/></a>
                                                    </div>
                                                    <a href="'. Url::to (['products/show', 'translit_rubric' => $item->catalog->translit, 'translit' => $item->translit, 'id' => $item->id]) .'" class="name">'.$item->name.'</a>
                                                    <p class="cost">'.$item->cost->cost.' грн.</p>
                                                    <div class="both"></div>
                                                </li>';
                                            }
                                        }

                                         echo '
                                        </ul>
                                    </div>';
                    */
                ?>
            </div>

            <div class="leftbar">
                <ul>
                    <li><a href="<?= Url::to (['text/index', 'translit' => 'contacts']) ?>">Контакты</a></li>
                    <li><a href="<?= Url::to (['articles/index']) ?>">Блог</a></li>
                    <li><a href="<?= Url::to (['text/index', 'translit' => 'oplata_i_dostavka']) ?>">Оплата и
                            доставка</a></li>
                    <li><a href="<?= Url::to (['iam/index']) ?>">Личный кабинет</a></li>
                    <li><a href="<?= Url::to (['event/index']) ?>">Акции</a></li>
                    <li><a href="<?= Url::to (['text/index', 'translit' => 'about']) ?>">О магазине</a></li>
                </ul>


                <div class="phones">
                    (044) 303 90 15<br/>
                    (093) 911 05 03<br/>
                    (095) 004 56 55<br/>
                    (068) 083 62 01
                </div>

            </div>

            <div class="content2">
                <p class="txts">Подписаться на акции</p>
                <?php
                    $subscribe = new Subscribe;
                    $form = ActiveForm::begin (['action' => '/subscribe']);
                ?>
                <?php echo $form->field ($subscribe, 'email')->textInput (['placeholder' => 'E-mail', 'enableAjaxValidation' => true])->label (false); ?>
                <?= $form->field ($subscribe, 'sale')->dropDownList (['10' => '10%', '20' => '20%'], ['prompt' => 'Скидка', 'enableAjaxValidation' => true])->label (false); ?>
                <div class="saletxt">укажите желаемый размер скидки</div>
                <?php echo Html::submitButton (' Подписаться ', ['class' => 'submit4m']); ?>
                <?php ActiveForm::end (); ?>
                <div class="both"></div>
                <br><br><br>

                <ul class="social">
                    <li><a class="vk" id="vk" target="_blank">vk.com</a></li>
                    <li><a class="fb" id="fb">facebook.com</a></li>
                    <li><a class="ok" id="ok" target="_blank">odnoklassniki.ru</a></li>
                    <li><a class="gp" id="gp" href="https://plus.google.com/+ArtwebUaAgency" target="_blank">plus.google.com</a>
                    </li>
                </ul>
                <div class="both"></div>

            </div>

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

        </div>

    </div>


    <div class="fotter">
        <div class="wrap">
            <div class="fl">© <?= date('Y')?> Rukzachok. Все права защищены.</div>
            <div class="fr"><a href="http://artweb.ua" target="_blank">Создание сайтов</a> <img
                    src="<?= Yii::$app->request->baseUrl ?>/img/artweb.png" width="58" height="17" alt="ArtWeb Studio"/>
            </div>
            <div class="both"></div>
        </div>
    </div>

    <?php $this->endBody () ?>
    </body>
    </html>
<?php $this->endPage () ?>