Commit 55e6fa66e1056aaa412750deb85dcffc2aa2d5cb
Merge branch 'master' of gitlab.artweb.com.ua:root/new_rukzachok
Showing
4 changed files
with
81 additions
and
33 deletions
Show diff stats
common/modules/product/widgets/views/product_smart.php
... | ... | @@ -21,14 +21,14 @@ use yii\helpers\Url; |
21 | 21 | <?php |
22 | 22 | |
23 | 23 | echo '<div class="cost-block">'; |
24 | - | |
24 | + echo '<p class="cost">'; | |
25 | 25 | // есть скидка |
26 | 26 | if ($product->variant->price_old != 0 && $product->variant->price_old != $product->variant->price) |
27 | 27 | { |
28 | - echo '<strike><span id=\'old_cost\'>'.$product->variant->price_old.'</span> грн.</strike>'; | |
28 | + echo '<strike><span id=\'old_cost\'>'.$product->variant->price_old.'</span> грн.</strike> '; | |
29 | 29 | } |
30 | 30 | |
31 | - echo '<p class="cost">'.$product->variant->price.' грн.</p>'; | |
31 | + echo $product->variant->price.' <span>грн.</span></p>'; | |
32 | 32 | |
33 | 33 | echo '</div>'; |
34 | 34 | ... | ... |
frontend/views/catalog/product_item.php
... | ... | @@ -31,14 +31,14 @@ use yii\helpers\Url; |
31 | 31 | <?php |
32 | 32 | |
33 | 33 | echo '<div class="cost-block">'; |
34 | - | |
34 | + echo '<p class="cost">'; | |
35 | 35 | // есть скидка |
36 | 36 | if ($product->variant->price_old != 0 && $product->variant->price_old != $product->variant->price) |
37 | 37 | { |
38 | - echo '<strike><span id=\'old_cost\'>'.$product->variant->price_old.'</span> грн.</strike>'; | |
38 | + echo '<strike><span id=\'old_cost\'>'.$product->variant->price_old.'</span> грн.</strike> '; | |
39 | 39 | } |
40 | 40 | |
41 | - echo '<p class="cost">'.$product->variant->price.' грн.</p>'; | |
41 | + echo $product->variant->price.' <span>грн.</span></p>'; | |
42 | 42 | |
43 | 43 | echo '</div>'; |
44 | 44 | ... | ... |
frontend/web/css/style.css
1 | 1 | html,form, |
2 | 2 | body { padding:0;margin:0; |
3 | - font-family: 'Roboto';font-size:14px;color:#1d1d1b;height:100%; | |
3 | + font-family: 'Roboto';font-size:14px;color:#333;height:100%; | |
4 | 4 | } |
5 | 5 | h1,h2,h3{margin:0px;padding:0px 0px 10px 0px;} |
6 | 6 | .fl{float:left;} |
... | ... | @@ -28,12 +28,13 @@ a:hover{color:#799920;} |
28 | 28 | nav.top{background:#f5f5f5;padding:10px 0px;border-bottom:1px solid #d2d2d2;font-size:12px;} |
29 | 29 | nav.top ul{list-style:none;margin:0px;padding:0px;} |
30 | 30 | nav.top ul li{float:left;padding-right:20px;} |
31 | +nav.top ul li a{font-size: 12px;} | |
31 | 32 | nav.top a{color:#6a6a6a;text-decoration:none;} |
32 | 33 | |
33 | 34 | #help{background:url('../img/help.png') right no-repeat;padding-right:20px;} |
34 | 35 | #help span{border-bottom:1px dotted #6a6a6a;} |
35 | 36 | |
36 | -#login{background:url('../img/login.png') right no-repeat;padding-right:20px;} | |
37 | +#login{background:url('../img/login.png') right no-repeat;padding-right:20px; font-size: 12px;} | |
37 | 38 | #login span{border-bottom:1px dotted #6a6a6a;} |
38 | 39 | |
39 | 40 | .search{margin:-5px 0px -5px 100px;float:left;} |
... | ... | @@ -106,17 +107,16 @@ a.myorders{color:#f75d50} |
106 | 107 | .why_me_, .products { |
107 | 108 | border-top: 1px solid #d2d2d2; |
108 | 109 | } |
109 | -.products ul{list-style:none;margin:0px;padding:0px;} | |
110 | -.products ul li.item{float:left;width:160px;margin:0px 35px 15px;text-align:center;position:relative;} | |
111 | -.products ul li a.name{display:block;color:#494949;text-decoration:none;margin:15px 0px;height:30px;text-transform: uppercase;overflow: hidden;} | |
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;} | |
112 | +.products ul li a.name{display:block;color:#333;font-size: 15px;text-decoration:none;margin:15px 0 0 0;height:35px;overflow: hidden; box-sizing: border-box;padding: 0 10px;} | |
112 | 113 | .products ul li .info{text-align: left;} |
113 | 114 | .pn{border:none;} |
114 | 115 | |
115 | -.cost{color:#f75d50;font-size:20px;margin:0px;padding:0px;} | |
116 | -.cost span.valute{font-size:16px;} | |
117 | -strike{font-size:18px;} | |
118 | - | |
119 | -a.link_buy{font-size: 15px; display:block;margin:10px auto;width:122px;height:38px;line-height:38px;text-transform: uppercase;color:#ffffff;text-decoration:none;font-weight:600;text-align:center; | |
116 | +.cost{color:#f75d50;font-size:18px;margin:0;padding:0;} | |
117 | +.cost span, .cost span.valute {font-size: 14px;} | |
118 | +strike, strike span#old_cost{font-size:14px; color: #333} | |
119 | +a.link_buy{font-size: 12px; display:block;margin:0 auto 10px auto;width:122px;height:29px;line-height:32px;text-transform: uppercase;color:#ffffff;text-decoration:none;font-weight:600;text-align:center; | |
120 | 120 | background: #95ba2f; |
121 | 121 | border-radius: 4px; |
122 | 122 | border-bottom: 3px solid #799920; |
... | ... | @@ -128,7 +128,7 @@ a.link_buy:active { |
128 | 128 | background: #799920; |
129 | 129 | border-bottom: 3px solid #799920; |
130 | 130 | } |
131 | -.mycarousel{position:absolute;right:-15px;top:-20px;} | |
131 | +.mycarousel{position:absolute;right:0;top:13px;} | |
132 | 132 | ul.mycarousel{list-style:none;margin:0px;padding:0px;} |
133 | 133 | ul.mycarousel li{margin:0px;padding:0px;} |
134 | 134 | .mycarousel img{border:1px solid #d2d2d2;} |
... | ... | @@ -177,7 +177,7 @@ a.more_map{color:#99a5ad;border-bottom:1px dotted #99a5ad;text-decoration:none;f |
177 | 177 | |
178 | 178 | |
179 | 179 | .loyout{padding:20px 0px;} |
180 | -.leftbar{float:left;width:200px; } | |
180 | +.leftbar{float:left;width:172px;margin-right: 20px; } | |
181 | 181 | .rightbar{float:right;width:380px;margin-left:35px;} |
182 | 182 | .rightbar2{float:right;width:320px;} |
183 | 183 | .content {overflow:hidden;min-height:500px;} |
... | ... | @@ -186,9 +186,9 @@ a.more_map{color:#99a5ad;border-bottom:1px dotted #99a5ad;text-decoration:none;f |
186 | 186 | * html .content2{height:1%;} |
187 | 187 | |
188 | 188 | .filters{border-top:1px solid #d2d2d2;padding:20px 0px 0px;margin-top:20px;} |
189 | -.filters .begin{text-transform: uppercase;font-weight:bold;} | |
190 | -.filters ul{list-style:none;margin:0px;padding:0px;line-height:22px;} | |
191 | -.filters ul li a{color:#8fa951;text-decoration:none;} | |
189 | +.filters .begin{text-transform: uppercase;font-weight:bold; font-size: 12px;} | |
190 | +.filters ul{list-style:none;margin:0px;padding:0px;line-height:22px; margin-top: 6px;} | |
191 | +.filters ul li a{color:#8fa951;text-decoration:none; font-size: 13px;} | |
192 | 192 | .filters ul li a:hover{text-decoration:underline;} |
193 | 193 | |
194 | 194 | .productLeftBar{float:left;width:230px;padding-left:20px;margin-right:20px;} |
... | ... | @@ -338,12 +338,14 @@ ul.brends_list li{float:left;text-align:center;margin:0px 15px 20px 15px;} |
338 | 338 | |
339 | 339 | .txts{color:#9da9b1;font-size:18px;margin-bottom:20px;} |
340 | 340 | |
341 | -.content ul.pagination{list-style:none;text-align:center;} | |
341 | +.content ul.pagination{list-style:none;text-align:center; margin: 0 0 16px 0;padding: 0;} | |
342 | 342 | .content ul.pagination li{display:inline;} |
343 | -.content ul.pagination li a{padding:3px;color:#82a02f;font-size: 16px;margin:0px; text-decoration: none; } | |
343 | +.content ul.pagination li a{padding:3px;color:#82a02f;font-size: 15px;margin:0; text-decoration: none; } | |
344 | 344 | .content ul.pagination li a:hover {text-decoration: underline} |
345 | 345 | .content ul.pagination li.active a{color: #333333;} |
346 | -.boxitem{height:300px;} | |
346 | +.boxitem{ | |
347 | + height:283px; | |
348 | +} | |
347 | 349 | ul.social {margin-top: 20px;} |
348 | 350 | .social{list-style: none;margin: 10px;padding: 0px;height:48px;} |
349 | 351 | .social li{display:inline-block;margin-right:7px;padding-bottom: 10px;} |
... | ... | @@ -397,7 +399,7 @@ ul.social {margin-top: 20px;} |
397 | 399 | .view_products2 li{margin:10px 0px;} |
398 | 400 | |
399 | 401 | |
400 | -.pixbox{width:100%;height:200px;overflow: hidden;text-align: center;} | |
402 | +.pixbox{width:160px;margin:0 auto;height:200px;overflow: hidden;text-align: center;} | |
401 | 403 | |
402 | 404 | |
403 | 405 | .form-order{background:#f5f5f5;padding:10px;border:1px solid #d2d2d2;} |
... | ... | @@ -415,17 +417,21 @@ ul.social {margin-top: 20px;} |
415 | 417 | vertical-align: middle; |
416 | 418 | } |
417 | 419 | .pixbox img { |
418 | - max-width: 134px; | |
420 | + max-width: 160px; | |
419 | 421 | max-height: 200px; |
420 | 422 | vertical-align: middle; |
421 | 423 | } |
422 | 424 | .pagination li.prev.disabled span { |
423 | - padding: 9px; | |
424 | - border-radius: 10%; | |
425 | - color: #4D5458; | |
426 | - font-size: 14px; | |
427 | - margin: 0px; | |
428 | - border: 1px solid #4d5458; | |
425 | + /*padding: 9px;*/ | |
426 | + /*border-radius: 10%;*/ | |
427 | + /*color: #4D5458;*/ | |
428 | + /*font-size: 14px;*/ | |
429 | + /*margin: 0px;*/ | |
430 | + /*border: 1px solid #4d5458;*/ | |
431 | + display: none; | |
432 | +} | |
433 | +.pagination li.next.disabled span { | |
434 | + display: none; | |
429 | 435 | } |
430 | 436 | .fr {float: right;} |
431 | 437 | |
... | ... | @@ -871,6 +877,7 @@ a.active{font-weight:bold;text-decoration: underline;} |
871 | 877 | line-height: 6px; |
872 | 878 | background: #fff; |
873 | 879 | border: 2px solid #fff; |
880 | + box-shadow: 0px 0px 5px 0px rgba(54, 54, 54, 0.75); | |
874 | 881 | } |
875 | 882 | #HOME_SLIDER .jssorb03 .av { |
876 | 883 | background: none; |
... | ... | @@ -935,7 +942,7 @@ a.active{font-weight:bold;text-decoration: underline;} |
935 | 942 | ul.product-special { |
936 | 943 | position: absolute; |
937 | 944 | top: 0; |
938 | - left: 0; | |
945 | + left: 16px; | |
939 | 946 | } |
940 | 947 | ul.product-special li { |
941 | 948 | color: #333; |
... | ... | @@ -948,7 +955,9 @@ ul.product-special li { |
948 | 955 | position: relative; |
949 | 956 | border-top-left-radius: 4px; |
950 | 957 | border-bottom-left-radius: 4px; |
958 | + margin-top: 8px; | |
951 | 959 | } |
960 | +ul.product-special li:first-child {margin-top: 0} | |
952 | 961 | ul.product-special li.top { |
953 | 962 | background: #fbc665; |
954 | 963 | } |
... | ... | @@ -985,4 +994,43 @@ ul.product-special li.promo:after { |
985 | 994 | border: 11px solid transparent; |
986 | 995 | border-top: 5px solid #f75d50; |
987 | 996 | transform: rotate(-90deg); |
997 | +} | |
998 | +.cost-block { | |
999 | + margin-top: 1px; | |
1000 | +} | |
1001 | +.products.pn a.link_buy { | |
1002 | + margin-bottom: 0; | |
1003 | +} | |
1004 | +.products.pn { | |
1005 | + padding-bottom: 0; | |
1006 | +} | |
1007 | +.products.pn>ul { | |
1008 | + width: 100%; | |
1009 | + float: left; | |
1010 | + margin-bottom: -3px; | |
1011 | +} | |
1012 | + | |
1013 | +._form_checkbox_reset, .sort_block ul li a, .sort_block { | |
1014 | + font-size: 12px; | |
1015 | +} | |
1016 | +.sort_block ul li a { | |
1017 | + color: #8fa951; | |
1018 | +} | |
1019 | +.sort_block ul li a:hover { | |
1020 | + color: #333; | |
1021 | +} | |
1022 | +#HOME_SLIDER .jssora03l, #HOME_SLIDER .jssora03r { | |
1023 | + width: 36px; | |
1024 | + height: 340px; | |
1025 | + background: url('../img/new_arrows_.png') no-repeat; | |
1026 | +} | |
1027 | +#HOME_SLIDER .jssora03l, #HOME_SLIDER .jssora03l:hover { | |
1028 | + background-position: 0 50%; | |
1029 | + left: 0; | |
1030 | + top: 0; | |
1031 | +} | |
1032 | +#HOME_SLIDER .jssora03r, #HOME_SLIDER .jssora03r:hover { | |
1033 | + background-position: -36px 50%; | |
1034 | + right: 0; | |
1035 | + top: 0; | |
988 | 1036 | } |
989 | 1037 | \ No newline at end of file | ... | ... |
27 KB