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, форма popUp BF503

Как выполнили данный пример:
1. Создали корзину
2. Добавили в ней Поле для ввода в несколько строк
На 3 строки, с именем переменной deliverypoint
Сделали обязательным для заполнения
3. Добавили форму popUp BF503
12 колонок и задали ссылку #popup:cdekmap
3. Добавили скрипт на страницу
Скрипт вставляется в блок ДРУГОЕ►Т123

В скрипте прописали ID блока BF503
var PopWindID = '#rec70450509'
<a href="#popup:cdekmap"  class="showsform"></a>

<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 ({
        country: 'Россия', // можно выбрать страну, для которой отображать список ПВЗ
        link: 'forpvz', // id элемента страницы, в который будет вписан виджет
        path: 'https://www.cdek.ru/website/edostavka/template/scripts/', //директория с бибилиотеками
    });
</script>
<div id="forpvz" style="width:100%; height:600px;"></div>

<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 = '#rec70450509';
      $("[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();
});

      
    $(PopWindID + " " + ".t-popup__container").empty();
    $('#forpvz').appendTo(PopWindID +  " .t-popup__container");
   

$( ".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