Commit 88fcbfaf7c2102a11aca9f94317afbdf2e188cd7
1 parent
94a1dbd2
Модалка "вход", плашка "топ" для товаров
Showing
7 changed files
with
71 additions
and
8 deletions
Show diff stats
common/messages/ru/app.php
| 1 | <?php | 1 | <?php |
| 2 | - return []; | ||
| 3 | \ No newline at end of file | 2 | \ No newline at end of file |
| 3 | + return [ | ||
| 4 | + 'Customer login' => 'Вход для пользователей', | ||
| 5 | + 'Login' => 'Войти', | ||
| 6 | + 'Not registered yet?' => 'Не зарегистрированы?', | ||
| 7 | + 'Register now!' => 'Зарегистрироваться', | ||
| 8 | + ]; | ||
| 4 | \ No newline at end of file | 9 | \ No newline at end of file |
frontend/views/account/wishlist.php
| @@ -73,6 +73,12 @@ _________________________________________________________ --> | @@ -73,6 +73,12 @@ _________________________________________________________ --> | ||
| 73 | <div class="ribbon-background"></div> | 73 | <div class="ribbon-background"></div> |
| 74 | </div> | 74 | </div> |
| 75 | <!-- /.ribbon --> | 75 | <!-- /.ribbon --> |
| 76 | + | ||
| 77 | + <div class="ribbon top"> | ||
| 78 | + <div class="theribbon"><?php echo \Yii::t('app', 'Топ'); ?></div> | ||
| 79 | + <div class="ribbon-background"></div> | ||
| 80 | + </div> | ||
| 81 | + <!-- /.ribbon --> | ||
| 76 | </div> | 82 | </div> |
| 77 | <!-- /.product --> | 83 | <!-- /.product --> |
| 78 | </div> | 84 | </div> |
| @@ -153,6 +159,12 @@ _________________________________________________________ --> | @@ -153,6 +159,12 @@ _________________________________________________________ --> | ||
| 153 | <div class="ribbon-background"></div> | 159 | <div class="ribbon-background"></div> |
| 154 | </div> | 160 | </div> |
| 155 | <!-- /.ribbon --> | 161 | <!-- /.ribbon --> |
| 162 | + | ||
| 163 | + <div class="ribbon top"> | ||
| 164 | + <div class="theribbon">TOP</div> | ||
| 165 | + <div class="ribbon-background"></div> | ||
| 166 | + </div> | ||
| 167 | + <!-- /.ribbon --> | ||
| 156 | </div> | 168 | </div> |
| 157 | <!-- /.product --> | 169 | <!-- /.product --> |
| 158 | </div> | 170 | </div> |
frontend/views/category/_product_item.php
| @@ -99,6 +99,14 @@ | @@ -99,6 +99,14 @@ | ||
| 99 | </div> | 99 | </div> |
| 100 | <?php | 100 | <?php |
| 101 | } | 101 | } |
| 102 | + if ($product->is('top')) { | ||
| 103 | + ?> | ||
| 104 | + <div class="ribbon top"> | ||
| 105 | + <div class="theribbon"><?php echo \Yii::t('app', 'Топ'); ?></div> | ||
| 106 | + <div class="ribbon-background"></div> | ||
| 107 | + </div> | ||
| 108 | + <?php | ||
| 109 | + } | ||
| 102 | ?> | 110 | ?> |
| 103 | 111 | ||
| 104 | <!-- /.ribbon --> | 112 | <!-- /.ribbon --> |
frontend/views/layouts/main.php
| @@ -360,7 +360,7 @@ _________________________________________________________ --> | @@ -360,7 +360,7 @@ _________________________________________________________ --> | ||
| 360 | <div class="modal-content"> | 360 | <div class="modal-content"> |
| 361 | <div class="modal-header"> | 361 | <div class="modal-header"> |
| 362 | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | 362 | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> |
| 363 | - <h4 class="modal-title" id="Login"> | 363 | + <h4 class="modal-title text-center" id="Login"> |
| 364 | <?php echo \Yii::t('app', 'Customer login'); ?> | 364 | <?php echo \Yii::t('app', 'Customer login'); ?> |
| 365 | </h4> | 365 | </h4> |
| 366 | </div> | 366 | </div> |
| @@ -390,6 +390,9 @@ _________________________________________________________ --> | @@ -390,6 +390,9 @@ _________________________________________________________ --> | ||
| 390 | ); | 390 | ); |
| 391 | echo $login->field($loginForm, 'rememberMe') | 391 | echo $login->field($loginForm, 'rememberMe') |
| 392 | ->checkbox(); | 392 | ->checkbox(); |
| 393 | + ?> | ||
| 394 | + <div class="text-center"> | ||
| 395 | + <? | ||
| 393 | echo Html::submitButton( | 396 | echo Html::submitButton( |
| 394 | \Yii::t('app', 'Login'), | 397 | \Yii::t('app', 'Login'), |
| 395 | [ | 398 | [ |
| @@ -398,20 +401,17 @@ _________________________________________________________ --> | @@ -398,20 +401,17 @@ _________________________________________________________ --> | ||
| 398 | ); | 401 | ); |
| 399 | $login::end(); | 402 | $login::end(); |
| 400 | ?> | 403 | ?> |
| 404 | + </div> | ||
| 401 | <p class="text-center text-muted"> | 405 | <p class="text-center text-muted"> |
| 402 | <?php echo \Yii::t('app', 'Not registered yet?'); ?></p> | 406 | <?php echo \Yii::t('app', 'Not registered yet?'); ?></p> |
| 403 | <p class="text-center text-muted"> | 407 | <p class="text-center text-muted"> |
| 404 | <?php | 408 | <?php |
| 405 | echo Html::a( | 409 | echo Html::a( |
| 406 | - Html::tag('strong', \Yii::t('app', 'Register now! ')), | 410 | + Html::tag('strong', \Yii::t('app', 'Register now!')), |
| 407 | [ | 411 | [ |
| 408 | '/site/login', | 412 | '/site/login', |
| 409 | ] | 413 | ] |
| 410 | ); | 414 | ); |
| 411 | - echo \Yii::t( | ||
| 412 | - 'app', | ||
| 413 | - 'It is easy and done in 1 minute and gives you access to special discounts and much more!' | ||
| 414 | - ); | ||
| 415 | ?> | 415 | ?> |
| 416 | </p> | 416 | </p> |
| 417 | 417 |
frontend/views/product/view.php
| @@ -95,6 +95,15 @@ | @@ -95,6 +95,15 @@ | ||
| 95 | <!-- /.ribbon --> | 95 | <!-- /.ribbon --> |
| 96 | <?php | 96 | <?php |
| 97 | } | 97 | } |
| 98 | + if ($model->is('top')) { | ||
| 99 | + ?> | ||
| 100 | + <div class="ribbon top"> | ||
| 101 | + <div class="theribbon">TOP</div> | ||
| 102 | + <div class="ribbon-background"></div> | ||
| 103 | + </div> | ||
| 104 | + <!-- /.ribbon --> | ||
| 105 | + <?php | ||
| 106 | + } | ||
| 98 | ?> | 107 | ?> |
| 99 | 108 | ||
| 100 | <div class="row" id="thumbs"> | 109 | <div class="row" id="thumbs"> |
frontend/views/site/_slider_product.php
| @@ -99,6 +99,14 @@ | @@ -99,6 +99,14 @@ | ||
| 99 | </div> | 99 | </div> |
| 100 | <?php | 100 | <?php |
| 101 | } | 101 | } |
| 102 | + if ($product->is('top')) { | ||
| 103 | + ?> | ||
| 104 | + <div class="ribbon top"> | ||
| 105 | + <div class="theribbon"><?php echo \Yii::t('app', 'Топ'); ?></div> | ||
| 106 | + <div class="ribbon-background"></div> | ||
| 107 | + </div> | ||
| 108 | + <?php | ||
| 109 | + } | ||
| 102 | ?> | 110 | ?> |
| 103 | 111 | ||
| 104 | <!-- /.ribbon --> | 112 | <!-- /.ribbon --> |
frontend/web/css/style.css
| @@ -764,7 +764,7 @@ body.boxed .navbar-affixed-top.affix { | @@ -764,7 +764,7 @@ body.boxed .navbar-affixed-top.affix { | ||
| 764 | 764 | ||
| 765 | #login-modal p { | 765 | #login-modal p { |
| 766 | font-weight: 300; | 766 | font-weight: 300; |
| 767 | - margin-bottom: 20px; | 767 | + /*margin-bottom: 20px;*/ |
| 768 | font-size: 13px; | 768 | font-size: 13px; |
| 769 | } | 769 | } |
| 770 | 770 | ||
| @@ -1466,15 +1466,26 @@ fieldset[disabled] .btn-template-primary.active { | @@ -1466,15 +1466,26 @@ fieldset[disabled] .btn-template-primary.active { | ||
| 1466 | top: 50px; | 1466 | top: 50px; |
| 1467 | } | 1467 | } |
| 1468 | 1468 | ||
| 1469 | +.ribbon.top { | ||
| 1470 | + top: 100px; | ||
| 1471 | +} | ||
| 1469 | .ribbon.new .theribbon { | 1472 | .ribbon.new .theribbon { |
| 1470 | background-color: #5bc0de; | 1473 | background-color: #5bc0de; |
| 1471 | text-shadow: 0px 1px 2px #bbb; | 1474 | text-shadow: 0px 1px 2px #bbb; |
| 1472 | } | 1475 | } |
| 1476 | +.ribbon.top .theribbon { | ||
| 1477 | + background-color: #8a21fd; | ||
| 1478 | + text-shadow: 0px 1px 2px #bbb; | ||
| 1479 | +} | ||
| 1473 | 1480 | ||
| 1474 | .ribbon.new .theribbon:after { | 1481 | .ribbon.new .theribbon:after { |
| 1475 | border-color: #2390b0 #2390b0 transparent transparent; | 1482 | border-color: #2390b0 #2390b0 transparent transparent; |
| 1476 | } | 1483 | } |
| 1477 | 1484 | ||
| 1485 | +.ribbon.top .theribbon:after { | ||
| 1486 | + border-color: #4f00a5 #4f00a5 transparent transparent; | ||
| 1487 | +} | ||
| 1488 | + | ||
| 1478 | .ribbon.gift { | 1489 | .ribbon.gift { |
| 1479 | top: 100px; | 1490 | top: 100px; |
| 1480 | } | 1491 | } |
| @@ -4667,4 +4678,14 @@ a.list-group-item.active > .badge, | @@ -4667,4 +4678,14 @@ a.list-group-item.active > .badge, | ||
| 4667 | .panel.sidebar-menu ul.nav.category-menu li a.active:hover { | 4678 | .panel.sidebar-menu ul.nav.category-menu li a.active:hover { |
| 4668 | background-color: #fd9131; | 4679 | background-color: #fd9131; |
| 4669 | color: white; | 4680 | color: white; |
| 4681 | +} | ||
| 4682 | + | ||
| 4683 | +#login-modal .form-group.field-loginform-returnurl{ | ||
| 4684 | + display:none; | ||
| 4685 | +} | ||
| 4686 | + | ||
| 4687 | +@media (min-width: 768px){ | ||
| 4688 | + #login-modal .modal-sm { | ||
| 4689 | + width: 350px; | ||
| 4690 | + } | ||
| 4670 | } | 4691 | } |
| 4671 | \ No newline at end of file | 4692 | \ No newline at end of file |