|
<div class="_deliv" id="del_2" style="display:none;" style="width: 100%;"> |
|
|
|
<script type="text/javascript"> |
|
var widjet = new ISDEKWidjet({ |
|
popup: true, |
|
cityFrom: 'Санкт-Петербург', |
|
defaultCity: 'Санкт-Петербург', |
|
hidedress: true, // Скрыть примерку |
|
hidecash: true, |
|
detailAddress: true, |
|
onChooseAddress: onChooseAddress, |
|
path: 'https://[+ursite_path_to_scripts]', |
|
servicepath: 'https://[+ursite_path_to_scripts]/service.php', //ссылка на файл service.php на вашем сайте |
|
goods: [ // установим данные о товарах из корзины |
|
{ |
|
length: 10, |
|
width: 20, |
|
height: 20, |
|
weight: 5 |
|
} |
|
], |
|
onReady: function() { // на загрузку виджета отобразим информацию о доставке до ПВЗ |
|
$(document).find('#linkForWidjet').css('display', 'block'); |
|
$(document).find('#linkForWidjet2').css('display', 'none'); |
|
}, |
|
onChoose: function(info) { // при выборе ПВЗ: запишем номер ПВЗ в текстовое поле и доп. информацию |
|
console.log('info') |
|
console.log(info) |
|
$(document).find('[name="chosenPost"]').val(info.id); |
|
$(document).find('[name="addresPost"]').val(info.PVZ.Address); |
|
// расчет стоимости доставки |
|
var price = (info.price < 500) ? 500 : Math.ceil(info.price / 100) * 100; |
|
$(document).find('[name="pricePost"]').val(price); |
|
$(document).find('[name="timePost"]').val(info.term); |
|
|
|
var sStringAddress = '' |
|
sStringAddress += 'Выбран пункт выдачи заказов: ' |
|
sStringAddress += info.id |
|
sStringAddress += ', Адрес пункта: ' |
|
sStringAddress += info.PVZ.Address |
|
sStringAddress += ', Стоимость доставки: ' |
|
sStringAddress += price |
|
sStringAddress += ', Примерные сроки доставки: ' |
|
sStringAddress += info.term |
|
$(document).find('[name="text_address"]').val(sStringAddress) |
|
|
|
$.post("test.php", { |
|
delivery_cdek_price: price |
|
}) |
|
.done(function(data) { |
|
miniShop2.Order.add('delivery', 2); |
|
}) |
|
|
|
|
|
widjet.close(); // закроем виджет |
|
} |
|
}); |
|
|
|
function onChooseAddress(wat) { |
|
console.log('wat') |
|
console.log(wat) |
|
var sStringAddress = '' |
|
sStringAddress += 'Выбрана доставка курьером по адресу ' + wat.address + '\n' |
|
sStringAddress += 'цена ' + wat.price + '\n' |
|
sStringAddress += 'срок ' + wat.term + ' дн.' |
|
$(document).find('[name="text_address"]').val(sStringAddress) |
|
$(document).find('[name="watadress"]').val(wat.address) |
|
$(document).find('[name="pricePost2"]').val(wat.price); |
|
$(document).find('[name="timePost2"]').val(wat.term); |
|
|
|
$(document).find('#linkForWidjet').css('display', 'none'); |
|
$(document).find('#linkForWidjet2').css('display', 'block'); |
|
|
|
$.post("test.php", { |
|
delivery_cdek_price: wat.price |
|
}) |
|
.done(function(data) { |
|
miniShop2.Order.add('delivery', 2); |
|
}) |
|
} |
|
</script> |
|
<button type="button" class="btn btn-lg" onclick='widjet.open()'> |
|
Указать адрес доставки |
|
</button> |
|
|
|
<div id="linkForWidjet" style="display: none; margin-top: 2rem;" class="col-12"> |
|
<div class="form-group row input-parent"> |
|
<label class="col-md-4 col-form-label" style="max-width: 10rem; padding: .2rem 1rem .2rem .2rem; box-sizing:border-box; text-align: right;" for="chosenPost"> |
|
Выбран пункт выдачи заказов |
|
</label> |
|
<div class="col-md-8"> |
|
<input type="text" id="chosenPost" name="chosenPost" value="" class="form-control disabled" disabled> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group row input-parent"> |
|
<label class="col-md-4 col-form-label" style="max-width: 10rem; padding: .2rem 1rem .2rem .2rem; box-sizing:border-box; text-align: right;" for="addresPost"> |
|
Адрес пункта |
|
</label> |
|
<div class="col-md-8"> |
|
<input type="text" id="addresPost" name="addresPost" value="" class="form-control disabled" disabled> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group row input-parent"> |
|
<label class="col-md-4 col-form-label" style="max-width: 10rem; padding: .2rem 1rem .2rem .2rem; box-sizing:border-box; text-align: right;" for="pricePost"> |
|
Стоимость доставки |
|
</label> |
|
<div class="col-md-8"> |
|
<input type="text" id="pricePost" name="pricePost" value="" class="form-control disabled" disabled> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group row input-parent"> |
|
<label class="col-md-4 col-form-label" style="max-width: 10rem; padding: .2rem 1rem .2rem .2rem; box-sizing:border-box; text-align: right;" for="timePost"> |
|
Примерные сроки доставки |
|
</label> |
|
<div class="col-md-8"> |
|
<input type="text" id="timePost" name="timePost" value="" class="form-control disabled" disabled> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div id="linkForWidjet2" style="display: none; margin-top: 2rem;" class="col-12"> |
|
<div class="form-group row input-parent"> |
|
<label class="col-md-4 col-form-label" style="max-width: 10rem; padding: .2rem 1rem .2rem .2rem; box-sizing:border-box; text-align: right;" for="watadress"> |
|
Выбрана доставка курьером по адресу |
|
</label> |
|
<div class="col-md-8"> |
|
<input type="text" id="watadress" name="watadress" value="" class="form-control disabled" disabled> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group row input-parent"> |
|
<label class="col-md-4 col-form-label" style="max-width: 10rem; padding: .2rem 1rem .2rem .2rem; box-sizing:border-box; text-align: right;" for="pricePost2"> |
|
Стоимость доставки |
|
</label> |
|
<div class="col-md-8"> |
|
<input type="text" id="pricePost2" name="pricePost2" value="" class="form-control disabled" disabled> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group row input-parent"> |
|
<label class="col-md-4 col-form-label" style="max-width: 10rem; padding: .2rem 1rem .2rem .2rem; box-sizing:border-box; text-align: right;" for="timePost2"> |
|
Примерные сроки доставки |
|
</label> |
|
<div class="col-md-8"> |
|
<input type="text" id="timePost2" name="timePost2" value="" class="form-control disabled" disabled> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<style media="screen"> |
|
.CDEK-widget__popup-mask { |
|
z-index: 9999; |
|
} |
|
</style> |
|
</div> |