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 | 48 | <div class="counter"> |
| 49 | 49 | <div class="price"><?= $product->variant->price?></div> |
| 50 | 50 | <div class="sign">грн.</div> |
| 51 | + | |
| 51 | 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 | 54 | <div class="count_buttons"> |
| 54 | 55 | <div class="button_plus">+</div> |
| 55 | 56 | <div class="button_minus">-</div> | ... | ... |
frontend/views/orders/basket-step-01.php
| ... | ... | @@ -2,97 +2,107 @@ |
| 2 | 2 | |
| 3 | 3 | use yii\helpers\Html; |
| 4 | 4 | use yii\helpers\Url; |
| 5 | -use yii\widgets\ActiveForm; | |
| 5 | +use yii\bootstrap\ActiveForm; | |
| 6 | 6 | |
| 7 | 7 | $this->title = 'Оформление заказа'; |
| 8 | 8 | $this->params['breadcrumbs'][] = $this->title; |
| 9 | - | |
| 10 | 9 | ?> |
| 11 | 10 | |
| 12 | 11 | |
| 13 | 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 | 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 | 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 | 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 | 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 | 108 | <?php ActiveForm::end(); ?><!-- конец формы заказа --> |
| 99 | 109 | \ No newline at end of file | ... | ... |
frontend/web/js/basket.js
| 1 | 1 | $(document).ready(function(){ |
| 2 | 2 | |
| 3 | 3 | var result_block = $('.basket_result'); |
| 4 | + var one_item_block = $('.busket_block'); | |
| 4 | 5 | |
| 5 | 6 | |
| 6 | 7 | function changeAjaxPrice(id, num){ |
| ... | ... | @@ -30,7 +31,8 @@ $(document).ready(function(){ |
| 30 | 31 | |
| 31 | 32 | $('.main_cont_wrap').on('click', '.cart_btn', function(e){ |
| 32 | 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 | 36 | $('.basket_result').each(function(){ |
| 35 | 37 | $(this).html(data) |
| 36 | 38 | }); |
| ... | ... | @@ -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 | 148 | \ No newline at end of file | ... | ... |
frontend/web/js/my_scripts.js
| ... | ... | @@ -13,7 +13,7 @@ $(document).ready(function(){ |
| 13 | 13 | }); |
| 14 | 14 | |
| 15 | 15 | // ion checkradio init |
| 16 | - $("input[type='radio'], input[type='checkbox']").ionCheckRadio(); | |
| 16 | + $("input[type='checkbox']").ionCheckRadio(); | |
| 17 | 17 | |
| 18 | 18 | // filter open li |
| 19 | 19 | var filter_list = $('.filter_list ul li .arrow'); | ... | ... |