CDEK DC
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
290
р.
400
р.
Click to order
Cart
Корзина
Total: 
Your Phone
Выбор доставки
Payment method
Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.

Как вызвать карту доставки CDEK и передать адрес ПВЗ в корзину в Tilda

Данный пример выполнен из блоков корзина ST100 и HTML код popUp окне T868

Как выполнили данный пример:
1. Создали корзину
2. Добавили в ней Поле для ввода в несколько строк
На 3 строки, с именем переменной deliverypoint
Сделали обязательным для заполнения
3. Добавили блок Т868 10 колонок и 550px
задали ссылку #popup:embedcode
3. Добавили скрипт на страницу
1-ый в блок T868
2-ой в Т123

Во 2-м скрипте прописали ID блока Т868
var PopWindID = '#rec70450509'
<div id="forpvz" style="width:100%; height:550px;"></div>
<script id="ISDEKscript" type="text/javascript" src="https://www.cdek.ru/website/edostavka/template/js/widjet.js"></script>
<script type="text/javascript">
    var ourWidjet = new ISDEKWidjet ({
        defaultCity: 'Санкт-Петербург', //какой город отображается по умолчанию
        country: 'Россия', // можно выбрать страну, для которой отображать список ПВЗ
        link: 'forpvz', // id элемента страницы, в который будет вписан виджет
        path: 'https://www.cdek.ru/website/edostavka/template/scripts/', //директория с бибилиотеками
    });
</script>
<a href="#popup:embedcode"  class="showsform"></a>
<style>
    div#mCSB_3_container {
    display: none !important;
}
    .CDEK-widget__sidebar-button-point, .CDEK-widget__sidebar-button_phone {
        display:none !important;
}
    [name='deliverypoint'] {
    color: #888888 !important;
    border: 0px  !important;
    box-shadow: 0px 0px 10px 4px #e2e2e2;
    background: #c5ffd5;
    resize: none;
}
.cdektextarea {padding: 10px;}
.cdektextarea:hover { box-shadow: 0 0 36px 10px #d7d7d7 inset;}
.noeditline{  pointer-events: none;   }
</style>

<script>
   $( document ).ready(function() { 
      var PopWindID = '#rec141042748';
      $("[name='deliverypoint']").parents(".t-input-group_ta").addClass("cdektextarea");
      $(".cdektextarea").hide();
     $(document).on('click','.CDEK-widget__choose',function(e){
     var town = $('input[name="town"]').val();
     var adress = $('.CDEK-widget__panel-details__block-text:eq(0)').text();
     var time = $('.CDEK-widget__panel-details__block-text:eq(1)').text();
     $("[name='deliverypoint']").val('Город: ' +town + '\n' +adress + '\n' + time );
     $(PopWindID +  " .t-popup__close-wrapper")[0].click();
});
$( ".t-radio__wrapper-delivery .t-radio__control:eq(0)" ).click(function() {
   $("[name='deliverypoint']").val('').attr('placeholder' , 'Введите адрес для доставки Курьером').removeClass('noeditline');
   $(".cdektextarea").show();
});
$( ".t-radio__wrapper-delivery .t-radio__control:eq(1)" ).click(function() {
  $("[name='deliverypoint']").val('').addClass('noeditline');
  $("[name='deliverypoint']").attr('placeholder' , 'Выберите адрес ПВЗ СДЭК на карте');
  $(".showsform")[0].click();
  $(".cdektextarea").show();
});
$( ".t-radio__wrapper-delivery .t-radio__control:eq(2)" ).click(function() {
   $("[name='deliverypoint']").val('').attr('placeholder' , 'Введите адрес для доставки Почтой России').removeClass('noeditline');
   $(".cdektextarea").show();
});
   });  
</script>
Made on
Tilda