Commit 1f343d5d76644b1bc6c020cc20de834978c0d310
1 parent
b14c1e82
25.03.16 finish 1
Showing
4 changed files
with
98 additions
and
67 deletions
Show diff stats
frontend/views/catalog/product.php
@@ -48,8 +48,9 @@ $this->params['breadcrumbs'][] = $product->name .' #'. $product->variant->sku; | @@ -48,8 +48,9 @@ $this->params['breadcrumbs'][] = $product->name .' #'. $product->variant->sku; | ||
48 | <div class="counter"> | 48 | <div class="counter"> |
49 | <div class="price"><?= $product->variant->price?></div> | 49 | <div class="price"><?= $product->variant->price?></div> |
50 | <div class="sign">грн.</div> | 50 | <div class="sign">грн.</div> |
51 | + | ||
51 | <div class="count_block"> | 52 | <div class="count_block"> |
52 | - <div class="count_number">1</div> | 53 | + <input type="text" name="" class="form-control buy_one_item" value="1"> |
53 | <div class="count_buttons"> | 54 | <div class="count_buttons"> |
54 | <div class="button_plus">+</div> | 55 | <div class="button_plus">+</div> |
55 | <div class="button_minus">-</div> | 56 | <div class="button_minus">-</div> |
frontend/views/orders/basket-step-01.php
@@ -2,97 +2,107 @@ | @@ -2,97 +2,107 @@ | ||
2 | 2 | ||
3 | use yii\helpers\Html; | 3 | use yii\helpers\Html; |
4 | use yii\helpers\Url; | 4 | use yii\helpers\Url; |
5 | -use yii\widgets\ActiveForm; | 5 | +use yii\bootstrap\ActiveForm; |
6 | 6 | ||
7 | $this->title = 'Оформление заказа'; | 7 | $this->title = 'Оформление заказа'; |
8 | $this->params['breadcrumbs'][] = $this->title; | 8 | $this->params['breadcrumbs'][] = $this->title; |
9 | - | ||
10 | ?> | 9 | ?> |
11 | 10 | ||
12 | 11 | ||
13 | <h1 class="basket_main_title">Оформление заказа</h1> | 12 | <h1 class="basket_main_title">Оформление заказа</h1> |
14 | 13 | ||
15 | 14 | ||
16 | -<?php $form = ActiveForm::begin([ | ||
17 | - 'class' => 'basket_order_01_form' | ||
18 | -]); ?><!-- начало формы заказа --> | ||
19 | - | ||
20 | - | ||
21 | -<div class="privet_info_block"> | 15 | + <?php $form = ActiveForm::begin([ |
16 | + 'class' => 'basket_order_01_form' | ||
17 | + ]); ?><!-- начало формы заказа --> | ||
22 | 18 | ||
23 | - <h3>Личные данные</h3> | ||
24 | 19 | ||
25 | - <div class="padding_cust"> | ||
26 | - <?= $form->field($model, 'name',[ | ||
27 | - 'template' => '<label>'.Yii::t('app', 'Ф.И.О.').'<span class="red">*</span>{input}<span class="placehold">На это имя будут оформлены документы</span>{error}{hint}</label>', | ||
28 | - ])->textInput() ?> | ||
29 | - </div> | ||
30 | - | ||
31 | - <div class="padding_cust"> | ||
32 | - <?= $form->field($model, 'email',[ | ||
33 | - 'template' => '<label>'.Yii::t('app', 'E-mail').'<span class="red">*</span>{input}<span class="placehold">Сюда пришлем подробности заказа</span>{error}{hint}</label>', | ||
34 | - ])->textInput() ?> | ||
35 | - </div> | 20 | + <div class="privet_info_block"> |
36 | 21 | ||
37 | - <div class="padding_cust"> | ||
38 | - <?= $form->field($model, 'phone',[ | ||
39 | - 'template' => '<label>'.Yii::t('app', 'Телефон').'<span class="red">*</span>{input}<span class="placehold">Уточним важное</span>{error}{hint}</label>', | ||
40 | - ])->textInput() ?> | ||
41 | - </div> | 22 | + <h3>Личные данные</h3> |
42 | 23 | ||
43 | -</div> | 24 | + <div class="padding_cust"> |
25 | + <?= $form->field($model, 'name',[ | ||
26 | + 'template' => '<label>'.Yii::t('app', 'Ф.И.О.').'<span class="red">*</span>{input}<span class="placehold">На это имя будут оформлены документы</span>{error}{hint}</label>', | ||
27 | + ])->textInput() ?> | ||
28 | + </div> | ||
44 | 29 | ||
45 | -<div class="separator"></div> | 30 | + <div class="padding_cust"> |
31 | + <?= $form->field($model, 'email',[ | ||
32 | + 'template' => '<label>'.Yii::t('app', 'E-mail').'<span class="red">*</span>{input}<span class="placehold">Сюда пришлем подробности заказа</span>{error}{hint}</label>', | ||
33 | + ])->textInput() ?> | ||
34 | + </div> | ||
46 | 35 | ||
47 | -<div class="delivery_radio"> | ||
48 | - <h3>Доставка</h3> | 36 | + <div class="padding_cust"> |
37 | + <?= $form->field($model, 'phone',[ | ||
38 | + 'template' => '<label>'.Yii::t('app', 'Телефон').'<span class="red">*</span>{input}<span class="placehold">Уточним важное</span>{error}{hint}</label>', | ||
39 | + ])->textInput() ?> | ||
40 | + </div> | ||
49 | 41 | ||
50 | - <div class="padding_cust"> | ||
51 | - <label><input type="radio" name="delivery" value="0" checked="true" /></label> | ||
52 | - <p>Курьерска доставка по Киеву и области</p> | ||
53 | </div> | 42 | </div> |
54 | 43 | ||
55 | - <div class="padding_cust"> | ||
56 | - <label><input type="radio" name="delivery" value="0" /></label> | ||
57 | - <p>В любой регион Украины</p> | ||
58 | - </div> | 44 | + <div class="separator"></div> |
59 | 45 | ||
60 | - <div class="padding_cust"> | ||
61 | - <label><input type="radio" name="delivery" value="0" /></label> | ||
62 | - <p>Самовывоз (бесплатно)</p> | ||
63 | - <span class="placehold">уточните подробности по телефону 044 ХХХ-ХХ-ХХ</span> | ||
64 | - </div> | ||
65 | -</div> | 46 | + <div class="delivery_radio"> |
47 | + <h3>Доставка</h3> | ||
66 | 48 | ||
67 | -<div class="separator_02"></div> | 49 | + <div class="padding_cust"> |
50 | + <?= $form->field($model, 'delivery',[ | ||
51 | + 'radioTemplate' => '<label>{input}<p>Курьерска доставка по Киеву и области</p>{error}{hint}</label>', | ||
52 | + ])->radio(['value'=>1, 'label'=>false]) ?> | ||
53 | + </div> | ||
68 | 54 | ||
69 | -<div class="basket_pay_block"> | ||
70 | - <h3>Оплата</h3> | 55 | + <div class="padding_cust"> |
56 | + <?= $form->field($model, 'delivery',[ | ||
57 | + 'radioTemplate' => '<label>{input}<p>В любой регион Украины</p>{error}{hint}</label>', | ||
58 | + ])->radio(['value'=>2, 'label'=>false]) ?> | ||
59 | + </div> | ||
71 | 60 | ||
72 | - <div class="padding_cust"> | ||
73 | - <label><input type="radio" name="pay_way" value="0" checked="true" /></label> | ||
74 | - <p>Оплата наличными</p> | 61 | + <div class="padding_cust"> |
62 | + <?= $form->field($model, 'delivery',[ | ||
63 | + 'radioTemplate' => '<label>{input}<p>Самовывоз (бесплатно)</p></label><span class="placehold">уточните подробности по телефону 044 ХХХ-ХХ-ХХ</span>{error}{hint}', | ||
64 | + ])->radio(['value'=>3, 'label'=>false]) ?> | ||
65 | + </div> | ||
75 | </div> | 66 | </div> |
76 | 67 | ||
77 | - <div class="padding_cust"> | ||
78 | - <label><input type="radio" name="pay_way" value="0" /></label> | ||
79 | - <p>Оплата по безналичному расчету. Код ЕГРПОУ <input type="text" name="code"></p> | ||
80 | - </div> | 68 | + <div class="separator_02"></div> |
69 | + | ||
70 | + <div class="basket_pay_block"> | ||
71 | + <h3>Оплата</h3> | ||
72 | + | ||
73 | + <div class="padding_cust"> | ||
74 | + <?= $form->field($model, 'payment',[ | ||
75 | + 'radioTemplate' => '<label>{input}<p>Оплата наличными</p>{error}{hint}</label>', | ||
76 | + ])->radio(['value'=>1, 'label'=>false]) ?> | ||
77 | + </div> | ||
78 | + | ||
79 | + <div class="padding_cust"> | ||
80 | + <?= $form->field($model, 'payment',[ | ||
81 | + 'radioTemplate' => '<label>{input}<p>Оплата по безналичному расчету. Код ЕГРПОУ</p>{error}{hint}</label>', | ||
82 | + ])->radio(['value'=>2, 'label'=>false]) ?> | ||
83 | + <?= | ||
84 | + $form->field($model, 'code',[ | ||
85 | + 'template' => '{input}', | ||
86 | + ])->textInput()->label(false); | ||
87 | + ?> | ||
88 | + </div> | ||
89 | + | ||
90 | + <div class="padding_cust"> | ||
91 | + <?= $form->field($model, 'payment',[ | ||
92 | + 'radioTemplate' => '<label>{input}<p>Приват 24</p>{error}{hint}</label>', | ||
93 | + ])->radio(['value'=>2, 'label'=>false]) ?> | ||
94 | + </div> | ||
95 | + | ||
96 | + <div class="padding_cust"> | ||
97 | + <?= $form->field($model, 'payment',[ | ||
98 | + 'radioTemplate' => '<label>{input}<p>Согласовать с менеджером</p>{error}{hint}</label>', | ||
99 | + ])->radio(['value'=>2, 'label'=>false]) ?> | ||
100 | + </div> | ||
81 | 101 | ||
82 | - <div class="padding_cust"> | ||
83 | - <label><input type="radio" name="pay_way" value="0" /></label> | ||
84 | - <p>Приват 24</p> | ||
85 | </div> | 102 | </div> |
86 | 103 | ||
87 | - <div class="padding_cust"> | ||
88 | - <label><input type="radio" name="pay_way" value="0" /></label> | ||
89 | - <p>Согласовать с менеджером</p> | 104 | + <div class="for_margin"> |
105 | + <?= Html::submitButton(Yii::t('app', 'продолжить оформление'), ['class' => 'order_01_btn', 'name' => 'signup-button']) ?> | ||
90 | </div> | 106 | </div> |
91 | 107 | ||
92 | -</div> | ||
93 | - | ||
94 | -<div class="for_margin"> | ||
95 | - <?= Html::submitButton(Yii::t('app', 'продолжить оформление'), ['class' => 'order_01_btn', 'name' => 'signup-button']) ?> | ||
96 | -</div> | ||
97 | - | ||
98 | <?php ActiveForm::end(); ?><!-- конец формы заказа --> | 108 | <?php ActiveForm::end(); ?><!-- конец формы заказа --> |
99 | \ No newline at end of file | 109 | \ No newline at end of file |
frontend/web/js/basket.js
1 | $(document).ready(function(){ | 1 | $(document).ready(function(){ |
2 | 2 | ||
3 | var result_block = $('.basket_result'); | 3 | var result_block = $('.basket_result'); |
4 | + var one_item_block = $('.busket_block'); | ||
4 | 5 | ||
5 | 6 | ||
6 | function changeAjaxPrice(id, num){ | 7 | function changeAjaxPrice(id, num){ |
@@ -30,7 +31,8 @@ $(document).ready(function(){ | @@ -30,7 +31,8 @@ $(document).ready(function(){ | ||
30 | 31 | ||
31 | $('.main_cont_wrap').on('click', '.cart_btn', function(e){ | 32 | $('.main_cont_wrap').on('click', '.cart_btn', function(e){ |
32 | var id = $(this).data('id'); | 33 | var id = $(this).data('id'); |
33 | - $.post( "/orders/buy-items", {id: id, num:1}, function( data ) { | 34 | + var num = one_item_block.find('.buy_one_item').val(); |
35 | + $.post( "/orders/buy-items", {id: id, num:num}, function( data ) { | ||
34 | $('.basket_result').each(function(){ | 36 | $('.basket_result').each(function(){ |
35 | $(this).html(data) | 37 | $(this).html(data) |
36 | }); | 38 | }); |
@@ -124,4 +126,22 @@ $(document).ready(function(){ | @@ -124,4 +126,22 @@ $(document).ready(function(){ | ||
124 | 126 | ||
125 | 127 | ||
126 | 128 | ||
129 | + one_item_block.on('click', '.button_minus', function(){ | ||
130 | + var input = one_item_block.find('.buy_one_item'); | ||
131 | + var number = input.val(); | ||
132 | + if(number > 1){ | ||
133 | + number--; | ||
134 | + input.val(number); | ||
135 | + } | ||
136 | + }); | ||
137 | + | ||
138 | + | ||
139 | + one_item_block.on('click', '.button_plus', function(){ | ||
140 | + var input = one_item_block.find('.buy_one_item'); | ||
141 | + var number = input.val(); | ||
142 | + number++; | ||
143 | + input.val(number); | ||
144 | + }); | ||
145 | + | ||
146 | + | ||
127 | }); | 147 | }); |
128 | \ No newline at end of file | 148 | \ No newline at end of file |
frontend/web/js/my_scripts.js
@@ -13,7 +13,7 @@ $(document).ready(function(){ | @@ -13,7 +13,7 @@ $(document).ready(function(){ | ||
13 | }); | 13 | }); |
14 | 14 | ||
15 | // ion checkradio init | 15 | // ion checkradio init |
16 | - $("input[type='radio'], input[type='checkbox']").ionCheckRadio(); | 16 | + $("input[type='checkbox']").ionCheckRadio(); |
17 | 17 | ||
18 | // filter open li | 18 | // filter open li |
19 | var filter_list = $('.filter_list ul li .arrow'); | 19 | var filter_list = $('.filter_list ul li .arrow'); |