Commit 5fb414682a8d34922eb7537e64984419c8c2caf4

Authored by Karnovsky A
2 parents c9d723d7 bd6eefa5

Merge remote-tracking branch 'origin/master'

# Conflicts:
#	frontend/web/css/style.css
frontend/views/basket/index.php
@@ -121,10 +121,12 @@ $('#orders-delivery input[type=\"radio\"]').click(function(){ @@ -121,10 +121,12 @@ $('#orders-delivery input[type=\"radio\"]').click(function(){
121 121
122 122
123 123
124 -<div class="input-blocks-group textareagroup" style="border-bottom: none;"> 124 +<div class="input-blocks-group textareagroup" style="border-bottom: none; padding-bottom: 0;">
125 <?php echo $form->field($modelOrder,'body')->textarea(['rows'=>7]); ?> 125 <?php echo $form->field($modelOrder,'body')->textarea(['rows'=>7]); ?>
  126 + <div class="checkout_basket">
  127 + <?php echo Html::submitButton(' Оформить заказ ',array('class'=>'submit4')); ?>
  128 + </div>
126 129
127 - <?php echo Html::submitButton(' Оформить заказ ',array('class'=>'submit4')); ?>  
128 </div> 130 </div>
129 131
130 <div class="both"></div> 132 <div class="both"></div>
@@ -157,18 +159,24 @@ $(&#39;#orders-delivery input[type=\&quot;radio\&quot;]&#39;).click(function(){ @@ -157,18 +159,24 @@ $(&#39;#orders-delivery input[type=\&quot;radio\&quot;]&#39;).click(function(){
157 </div> 159 </div>
158 <?php endforeach;?> 160 <?php endforeach;?>
159 161
160 -<?php echo Html::submitButton(' Пересчитать ',array('name'=>"update",'class'=>'submit4 fl')); ?> 162 + <div style="margin-top: 10px;">
  163 + <?php echo Html::submitButton(' Пересчитать ',array('name'=>"update",'class'=>'submit4 fl ')); ?>
  164 + </div>
  165 +
161 166
162 <div class="total"> 167 <div class="total">
163 <?= $form->field($modelOrder, 'total')->hiddenInput(['value'=>$modelOrder->getSumCost()])->label(false); ?> 168 <?= $form->field($modelOrder, 'total')->hiddenInput(['value'=>$modelOrder->getSumCost()])->label(false); ?>
164 Общая сумма: <?=$modelOrder->getSumCost();?> грн. 169 Общая сумма: <?=$modelOrder->getSumCost();?> грн.
165 </div> 170 </div>
166 -<div class="both"></div> 171 + <div class="cont_shopping-wr">
  172 + <?= Html::a('Продолжить покупки', ['/site/index'], ['class'=>'btn-success cont_shopping']) ?>
  173 + </div>
  174 +<div class="both"></div>
167 175
168 176
169 177
170 </div> 178 </div>
171 - <?= Html::a('Продолжить покупки', ['/site/index'], ['class'=>'btn-success cont_shopping']) ?> 179 +
172 <div class="both"></div> 180 <div class="both"></div>
173 <?php ActiveForm::end(); ?> 181 <?php ActiveForm::end(); ?>
174 182
frontend/web/css/style.css
@@ -119,29 +119,46 @@ a.myorders{color:#f75d50} @@ -119,29 +119,46 @@ a.myorders{color:#f75d50}
119 strike, strike span#old_cost{font-size:14px; color: #333} 119 strike, strike span#old_cost{font-size:14px; color: #333}
120 120
121 121
122 -.submit4m, a.link_buy { 122 +.submit4m, a.link_buy, .checkout_basket button, .submit4 {
123 background: #95ba2f; 123 background: #95ba2f;
124 border-radius:4px; 124 border-radius:4px;
125 height: 29px; 125 height: 29px;
126 -}  
127 -a.link_buy { 126 + text-transform: uppercase;
  127 + color:#ffffff;
  128 + text-decoration:none;
  129 + font-weight:600;
  130 + text-align:center;
  131 + border-bottom: 3px solid #799920;
128 font-size: 12px; 132 font-size: 12px;
  133 +}
  134 +.submit4.bottom3 {font-size: 12px !important;display: block;}
  135 +.basket .submit4.bottom3 {font-size: 12px !important;display: block; margin-top: 10px;}
  136 +a.link_buy, .checkout_basket button {
  137 +
129 display:block; 138 display:block;
130 margin:0 auto 10px auto; 139 margin:0 auto 10px auto;
131 width:122px; 140 width:122px;
132 line-height:32px; 141 line-height:32px;
133 - text-transform: uppercase;color:#ffffff;  
134 - text-decoration:none;font-weight:600;  
135 - text-align:center;  
136 - border-bottom: 3px solid #799920;  
137 } 142 }
138 -a.link_buy:hover, .submit4m:hover { 143 +.checkout_basket button, .submit4{
  144 + margin: 0;
  145 + padding: 0 20px;
  146 + line-height: 31px;
  147 + width: auto;
  148 + border-top: 0;
  149 + border-left: 0;
  150 + border-right: 0;
  151 + cursor: pointer;
  152 +}
  153 +a.link_buy:hover, .submit4m:hover, .checkout_basket button:hover, .submit4:hover {
139 border-bottom: 3px solid #95ba2f;; 154 border-bottom: 3px solid #95ba2f;;
140 } 155 }
141 -a.link_buy:active, .submit4m:active { 156 +a.link_buy:active, .submit4m:active,.checkout_basket button:active, .submit4:active {
142 background: #799920; 157 background: #799920;
143 border-bottom: 3px solid #799920; 158 border-bottom: 3px solid #799920;
  159 +
144 } 160 }
  161 +.checkout_basket button:focus, .submit4:focus { outline: none;}
145 .mycarousel{position:absolute;right:0;top:13px;} 162 .mycarousel{position:absolute;right:0;top:13px;}
146 ul.mycarousel{list-style:none;margin:0px;padding:0px;} 163 ul.mycarousel{list-style:none;margin:0px;padding:0px;}
147 ul.mycarousel li{margin:0px;padding:0px;} 164 ul.mycarousel li{margin:0px;padding:0px;}
@@ -332,7 +349,7 @@ ul.product_colors li img{ @@ -332,7 +349,7 @@ ul.product_colors li img{
332 #modal_close{cursor:pointer;margin-top:-80px;margin-right:-50px;} 349 #modal_close{cursor:pointer;margin-top:-80px;margin-right:-50px;}
333 350
334 351
335 -.rightbar .control-label{float:left;width:80px;padding-top:5px;} 352 +.rightbar .control-label, .textareagroup .control-label {float:left;width:80px;padding-top:5px;}
336 .form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px;} 353 .form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px;}
337 .form-control:focus { 354 .form-control:focus {
338 border:#1b9bb6 1px solid; 355 border:#1b9bb6 1px solid;
@@ -345,7 +362,7 @@ ul.product_colors li img{ @@ -345,7 +362,7 @@ ul.product_colors li img{
345 .basket_item{padding:10px 0px;border-bottom:1px solid #b7b7b7;clear: both} 362 .basket_item{padding:10px 0px;border-bottom:1px solid #b7b7b7;clear: both}
346 .basket_item img{margin-right:20px;} 363 .basket_item img{margin-right:20px;}
347 .basket_item .count{margin:20px 0px;} 364 .basket_item .count{margin:20px 0px;}
348 -.basket_item .fr{margin-top:5px;} 365 +.basket_item .fr{margin-top:13px;}
349 .basket_item .info{overflow:hidden;} 366 .basket_item .info{overflow:hidden;}
350 .basket_item > a{display: block; 367 .basket_item > a{display: block;
351 float: left;} 368 float: left;}
@@ -354,8 +371,8 @@ a.del:hover{color:#a52828;text-decoration: underline;} @@ -354,8 +371,8 @@ a.del:hover{color:#a52828;text-decoration: underline;}
354 371
355 .total{text-align:right;color:#87476a;font-size:20px;margin:10px 0px;} 372 .total{text-align:right;color:#87476a;font-size:20px;margin:10px 0px;}
356 373
357 -.submit4{margin-top:5px;border:none;padding:8px 13px;background:#95ba2f;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:14px;cursor:pointer;}  
358 -.submit4:hover{background:#f75d50;} 374 +/*.submit4{margin-top:5px;border:none;padding:8px 13px;background:#95ba2f;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:14px;cursor:pointer;}*/
  375 +/*.submit4:hover{background:#f75d50;}*/
359 376
360 .submit4m {font-family: Roboto;border:none;background:#95ba2f;border-radius:4px;color:#ffffff;text-transform: uppercase;font-size:10px;cursor:pointer; width:102px; height: 29px; border-bottom: 3px solid #799920; line-height: 29px;} 377 .submit4m {font-family: Roboto;border:none;background:#95ba2f;border-radius:4px;color:#ffffff;text-transform: uppercase;font-size:10px;cursor:pointer; width:102px; height: 29px; border-bottom: 3px solid #799920; line-height: 29px;}
361 .submit4m:active,.submit4m:focus {outline: none} 378 .submit4m:active,.submit4m:focus {outline: none}
@@ -613,8 +630,8 @@ ul.social {margin-top: 20px;} @@ -613,8 +630,8 @@ ul.social {margin-top: 20px;}
613 630
614 .content_area{width:450px;} 631 .content_area{width:450px;}
615 632
616 -.bottom3{border-top:3px solid #95ba2f !important;border-bottom:3px solid #799920 !important; float:left;font-size:15px;}  
617 -.bottom3:hover{border-top:3px solid #f75d50 !important;border-bottom:3px solid #c33327 !important;} 633 +/*.bottom3{border-top:3px solid #95ba2f !important;border-bottom:3px solid #799920 !important; float:left;font-size:15px;}*/
  634 +/*.bottom3:hover{border-top:3px solid #f75d50 !important;border-bottom:3px solid #c33327 !important;}*/
618 #cancel{text-decoration:none;color:#799920;font-size:13px;border-bottom:1px dotted #799920;float:left;margin-left:40px;} 635 #cancel{text-decoration:none;color:#799920;font-size:13px;border-bottom:1px dotted #799920;float:left;margin-left:40px;}
619 636
620 .buttons{ 637 .buttons{
@@ -1096,7 +1113,7 @@ ul.product-special li.new { @@ -1096,7 +1113,7 @@ ul.product-special li.new {
1096 ul.product-special li.new:after { 1113 ul.product-special li.new:after {
1097 content: ''; 1114 content: '';
1098 position: absolute; 1115 position: absolute;
1099 - left: 52px; 1116 + right: -19px;
1100 top: 3px; 1117 top: 3px;
1101 border: 11px solid transparent; 1118 border: 11px solid transparent;
1102 border-top: 5px solid #42b9f6; 1119 border-top: 5px solid #42b9f6;
@@ -1275,13 +1292,21 @@ ul.product-special li.promo:after { @@ -1275,13 +1292,21 @@ ul.product-special li.promo:after {
1275 padding: 0 13px; 1292 padding: 0 13px;
1276 height: 28px; 1293 height: 28px;
1277 } 1294 }
1278 -.field-orders-delivery .control-label, .field-orders-payment .control-label, .field-orders-body .control-label, .control-label { 1295 +.field-orders-delivery .control-label, .field-orders-payment .control-label, .field-orders-body .control-label, .textareagroup .control-label {
1279 width: 100%; 1296 width: 100%;
1280 float: left; 1297 float: left;
1281 } 1298 }
1282 .basket_title_ { 1299 .basket_title_ {
1283 text-align: center; 1300 text-align: center;
1284 } 1301 }
  1302 +.cont_shopping-wr {
  1303 + width: 100%;
  1304 + float: left;
  1305 + margin-top: 10px;
  1306 +}
  1307 +.cont_shopping-wr .cont_shopping {
  1308 + float: right;
  1309 +}
1285 .cont_shopping { 1310 .cont_shopping {
1286 display: block !important; 1311 display: block !important;
1287 border-top: 0!important; 1312 border-top: 0!important;
@@ -1325,24 +1350,39 @@ ul.product-special li.promo:after { @@ -1325,24 +1350,39 @@ ul.product-special li.promo:after {
1325 .custom-input-2 { 1350 .custom-input-2 {
1326 width: 100%; 1351 width: 100%;
1327 height: 30px; 1352 height: 30px;
1328 - border: 1px solid #d2d2d2;  
1329 box-sizing: border-box; 1353 box-sizing: border-box;
1330 outline: none; 1354 outline: none;
1331 - color: #636363;  
1332 - font-size: 13px;  
1333 line-height: 30px; 1355 line-height: 30px;
1334 padding-left: 8px; 1356 padding-left: 8px;
1335 margin-top: 5px; 1357 margin-top: 5px;
1336 background: #fff; 1358 background: #fff;
1337 border-radius: 4px; 1359 border-radius: 4px;
1338 } 1360 }
  1361 +.custom-input-2, .custom-area-2, .textareagroup textarea {
  1362 + border: 1px solid #d2d2d2;
  1363 + box-sizing: border-box;
  1364 + font-size: 13px;
  1365 + color: #636363;
  1366 +}
  1367 +.custom-area-2, .textareagroup textarea {
  1368 + min-height: 128px;
  1369 + max-height: 128px;
  1370 + resize: none;
  1371 + width: 100%;
  1372 + max-width: 100%;
  1373 + outline: none;
  1374 + padding-left: 8px;
  1375 + padding-top: 8px;
  1376 + margin-top: 8px;
  1377 +}
1339 .basket_input_2 .custom-input-2 { 1378 .basket_input_2 .custom-input-2 {
1340 width: 270px; 1379 width: 270px;
1341 float: right; 1380 float: right;
1342 margin-top: 0; 1381 margin-top: 0;
1343 } 1382 }
1344 -.custom-input-2:focus, .custom-area-3:focus{box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s}  
1345 -.title_groups, .radio_grp label.control-label { 1383 +.custom-input-2:focus, .custom-area-3:focus, .textareagroup textarea:focus {box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s}
  1384 +.textareagroup textarea:focus{border: 1px solid #d2d2d2;}
  1385 +.title_groups, .radio_grp label.control-label, .textareagroup .control-label {
1346 font-size: 12px; 1386 font-size: 12px;
1347 font-weight: bold; 1387 font-weight: bold;
1348 text-transform: uppercase; 1388 text-transform: uppercase;
@@ -1385,6 +1425,22 @@ input.custom-radio + label:hover { @@ -1385,6 +1425,22 @@ input.custom-radio + label:hover {
1385 margin-top: 7px; 1425 margin-top: 7px;
1386 } 1426 }
1387 .custom-form-buttons:first-child {margin-top: 0} 1427 .custom-form-buttons:first-child {margin-top: 0}
  1428 +.delivery-data .field-order-delivery-childs .control-label {display: none;}
  1429 +.checkout_basket {
  1430 + width: 100%;
  1431 + float: left;
  1432 +}
  1433 +.checkout_basket button {
  1434 + margin: 0 auto;
  1435 +}
  1436 +.input-blocks-wrapper .help-block {
  1437 + padding-left: 71px;
  1438 + padding-top: 5px;
  1439 + width: 100%;
  1440 + float: left;
  1441 + box-sizing: border-box;
  1442 + margin-bottom: 0;
  1443 +}
1388 .product-thumb-video iframe { 1444 .product-thumb-video iframe {
1389 width: 260px; 1445 width: 260px;
1390 height: auto; 1446 height: auto;