Commit 7c3b42c216baced5ceabdf4b28afb263eb87a8ad

Authored by Karnovsky A
2 parents 4902c747 a739f615

Merge remote-tracking branch 'origin/master'

# Conflicts:
#	common/modules/product/widgets/views/product_smart.php
#	common/modules/product/widgets/views/products_block.php
#	frontend/views/catalog/product_item.php
common/modules/product/widgets/views/product_smart.php
@@ -15,13 +15,13 @@ use yii\helpers\Url; @@ -15,13 +15,13 @@ use yii\helpers\Url;
15 <?php if(!empty($product->is_top) || !empty($product->is_new) || !empty($product->akciya)) :?> 15 <?php if(!empty($product->is_top) || !empty($product->is_new) || !empty($product->akciya)) :?>
16 <ul class="product-special"> 16 <ul class="product-special">
17 <?php if(!empty($product->is_top)) :?> 17 <?php if(!empty($product->is_top)) :?>
18 - <li class="top">top&nbsp;</li> 18 + <li class="top"><div>top</div></li>
19 <?php endif?> 19 <?php endif?>
20 <?php if(!empty($product->is_new)) :?> 20 <?php if(!empty($product->is_new)) :?>
21 - <li class="new">new&nbsp;</li> 21 + <li class="new"><div>new</div></li>
22 <?php endif?> 22 <?php endif?>
23 <?php if(!empty($product->akciya)) :?> 23 <?php if(!empty($product->akciya)) :?>
24 - <li class="promo">promo&nbsp;</li> 24 + <li class="promo"><div>promo</div></li>
25 <?php endif?> 25 <?php endif?>
26 </ul> 26 </ul>
27 <?php endif?> 27 <?php endif?>
common/modules/product/widgets/views/products_block.php
1 <?php 1 <?php
2 - use yii\web\View; 2 +use yii\web\View;
3 ?> 3 ?>
4 <?php if(!empty($products)) :?> 4 <?php if(!empty($products)) :?>
5 -<div class="_prd_spec-wr">  
6 - <div class="special-products products<?= (!empty($class) ? ' '. $class : '')?>">  
7 - <h3><?= $title?></h3>  
8 - <div class="owl-carousel">  
9 - <?php foreach($products as $product) :?>  
10 - <?= $this->render('product_smart', ['product' => $product]);?>  
11 - <?php endforeach?> 5 + <div class="_prd_spec-wr">
  6 + <div class="special-products products<?= (!empty($class) ? ' '. $class : '')?>">
  7 + <h3><?= $title?></h3>
  8 + <div class="owl-carousel">
  9 + <?php foreach($products as $product) :?>
  10 + <?= $this->render('product_smart', ['product' => $product]);?>
  11 + <?php endforeach?>
  12 + </div>
  13 + <div class="both"></div>
12 </div> 14 </div>
13 - <div class="both"></div>  
14 </div> 15 </div>
15 -</div>  
16 -<?php $js = '$(".owl-carousel").owlCarousel()';  
17 -$this->registerJs($js, View::POS_READY);  
18 -?>  
19 -<?php endif?> 16 + <?php $js = '$(".owl-carousel").owlCarousel({
  17 +navigation:true,
  18 +navigationText: []
  19 +})
  20 +
  21 +';
  22 + $this->registerJs($js, View::POS_READY);
  23 + ?>
  24 +<?php endif?>
20 \ No newline at end of file 25 \ No newline at end of file
frontend/views/catalog/product_item.php
@@ -12,13 +12,13 @@ use yii\helpers\Url; @@ -12,13 +12,13 @@ use yii\helpers\Url;
12 <?php if(!empty($product->is_top) || !empty($product->is_new) || !empty($product->akciya)) :?> 12 <?php if(!empty($product->is_top) || !empty($product->is_new) || !empty($product->akciya)) :?>
13 <ul class="product-special"> 13 <ul class="product-special">
14 <?php if(!empty($product->is_top)) :?> 14 <?php if(!empty($product->is_top)) :?>
15 - <li class="top">top</li> 15 + <li class="top"><div>top</div></li>
16 <?php endif?> 16 <?php endif?>
17 <?php if(!empty($product->is_new)) :?> 17 <?php if(!empty($product->is_new)) :?>
18 - <li class="new">new</li> 18 + <li class="new"><div>new</div></li>
19 <?php endif?> 19 <?php endif?>
20 <?php if(!empty($product->akciya)) :?> 20 <?php if(!empty($product->akciya)) :?>
21 - <li class="promo">promo</li> 21 + <li class="promo"><div>promo</div></li>
22 <?php endif?> 22 <?php endif?>
23 </ul> 23 </ul>
24 <?php endif?> 24 <?php endif?>
frontend/web/css/style.css
@@ -109,8 +109,8 @@ a.myorders{color:#f75d50} @@ -109,8 +109,8 @@ a.myorders{color:#f75d50}
109 } 109 }
110 .products ul{list-style:none;margin:0;padding:0;} 110 .products ul{list-style:none;margin:0;padding:0;}
111 .products ul li.item{float:left;width:192px;margin:0 0 50px 0;text-align:center;position:relative;} 111 .products ul li.item{float:left;width:192px;margin:0 0 50px 0;text-align:center;position:relative;}
112 -.products ul li a.name{display:block;color:#799920;font-size: 15px;text-decoration:none;margin:15px 0 0 0;height:35px;overflow: hidden; box-sizing: border-box;padding: 0 10px;}  
113 -.products ul li a.name:hover {text-decoration: underline} 112 +.products ul li a.name, .special-products a.name {display:block;color:#799920;font-size: 15px;text-decoration:none;margin:15px 0 0 0;height:35px;overflow: hidden; box-sizing: border-box;padding: 0 10px;}
  113 +.products ul li a.name:hover, .special-products a.name:hover {text-decoration: underline}
114 .products ul li .info{text-align: left;} 114 .products ul li .info{text-align: left;}
115 .pn{border:none;} 115 .pn{border:none;}
116 116
@@ -1048,6 +1048,7 @@ a.active{font-weight:bold;text-decoration: underline;} @@ -1048,6 +1048,7 @@ a.active{font-weight:bold;text-decoration: underline;}
1048 } 1048 }
1049 .special-products .item { 1049 .special-products .item {
1050 margin-bottom: 0 !important; 1050 margin-bottom: 0 !important;
  1051 + text-align: center;
1051 } 1052 }
1052 .why_me_ {padding-top: 30px; overflow: hidden; margin-bottom: 60px;} 1053 .why_me_ {padding-top: 30px; overflow: hidden; margin-bottom: 60px;}
1053 .why_me_ .why_list {width: 1038px; margin-left: -58px} 1054 .why_me_ .why_list {width: 1038px; margin-left: -58px}
@@ -1108,6 +1109,10 @@ ul.product-special { @@ -1108,6 +1109,10 @@ ul.product-special {
1108 left: 16px; 1109 left: 16px;
1109 } 1110 }
1110 ul.product-special li { 1111 ul.product-special li {
  1112 + width: 100%;
  1113 + float: left;
  1114 +}
  1115 +ul.product-special li div {
1111 color: #333; 1116 color: #333;
1112 font-size: 10px; 1117 font-size: 10px;
1113 text-transform: uppercase; 1118 text-transform: uppercase;
@@ -1119,12 +1124,13 @@ ul.product-special li { @@ -1119,12 +1124,13 @@ ul.product-special li {
1119 border-top-left-radius: 4px; 1124 border-top-left-radius: 4px;
1120 border-bottom-left-radius: 4px; 1125 border-bottom-left-radius: 4px;
1121 margin-top: 8px; 1126 margin-top: 8px;
  1127 + float: left;
1122 } 1128 }
1123 ul.product-special li:first-child {margin-top: 0} 1129 ul.product-special li:first-child {margin-top: 0}
1124 -ul.product-special li.top { 1130 +ul.product-special li.top div {
1125 background: #fbc665; 1131 background: #fbc665;
1126 } 1132 }
1127 -ul.product-special li.top:after { 1133 +ul.product-special li.top div:after {
1128 content: ''; 1134 content: '';
1129 position: absolute; 1135 position: absolute;
1130 right: -19px; 1136 right: -19px;
@@ -1133,27 +1139,27 @@ ul.product-special li.top:after { @@ -1133,27 +1139,27 @@ ul.product-special li.top:after {
1133 border-top: 5px solid #fbc665; 1139 border-top: 5px solid #fbc665;
1134 transform: rotate(-90deg); 1140 transform: rotate(-90deg);
1135 } 1141 }
1136 -ul.product-special li.new { 1142 +ul.product-special li.new div{
1137 background: #42b9f6; 1143 background: #42b9f6;
1138 } 1144 }
1139 1145
1140 -ul.product-special li.new:after { 1146 +ul.product-special li.new div:after {
1141 content: ''; 1147 content: '';
1142 position: absolute; 1148 position: absolute;
1143 - right: -19px;  
1144 - top: 3px; 1149 + right: -18px;
  1150 + top: 2px;
1145 border: 11px solid transparent; 1151 border: 11px solid transparent;
1146 border-top: 5px solid #42b9f6; 1152 border-top: 5px solid #42b9f6;
1147 transform: rotate(-90deg); 1153 transform: rotate(-90deg);
1148 } 1154 }
1149 -ul.product-special li.promo { 1155 +ul.product-special li.promo div {
1150 background: #f75d50; 1156 background: #f75d50;
1151 } 1157 }
1152 -ul.product-special li.promo:after { 1158 +ul.product-special li.promo div:after {
1153 content: ''; 1159 content: '';
1154 position: absolute; 1160 position: absolute;
1155 - right: -19px;  
1156 - top: 3px; 1161 + right: -18px;
  1162 + top: 2px;
1157 border: 11px solid transparent; 1163 border: 11px solid transparent;
1158 border-top: 5px solid #f75d50; 1164 border-top: 5px solid #f75d50;
1159 transform: rotate(-90deg); 1165 transform: rotate(-90deg);
frontend/web/img/arrows_blocks.png 0 → 100644

1.18 KB