Меняем поля ввода в корзине при выборе доставки в Tilda
Product #1
4400
р.
7690
р.
Buy now
The resulting "hybrid" is a general-purpose bike that can tolerate a wide range of riding conditions.
Product #1
4400
р.
7690
р.
Buy now
The resulting "hybrid" is a general-purpose bike that can tolerate a wide range of riding conditions.

Меняем поля ввода в корзине при выборе доставки в Tilda

1
Создали блок ST100 корзина и добавили в него поля:
- Доставка с именем переменной deliveryvar
- Поле с адресом и индексом с именами
adress и indeks
- Поля с выпадающими списками ПВЗ с именами
mskpoint и spbpoint
- Поле с телефоном
2
Добавили код на страницу в блок Другое - Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Получить полное видео
Посмотреть все видео
При выборе определённого вида доставки показываем или скрываем требуемые поля.
Длительность видео: 19 мин
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека для примера

<script>
$(document).ready(function(){
//Добавляем классы для скрытия к нужным пунктам
$('.t706 select[name="mskpoint"]').closest('.t-input-group').addClass("msk notshow");
$('.t706 select[name="spbpoint"]').closest('.t-input-group').addClass("spb notshow");
$('.t706 input[name="adress"]').closest('.t-input-group').addClass("clientadr notshow");
$('.t706 input[name="indeks"]').closest('.t-input-group').addClass("pcode notshow");
$('.notshow').hide();
//При переключении переключателей доставки
$( 'input[name="deliveryvar"]' ).change(function() {
    //Орпеделяем выбор
    var place = $('input[name="deliveryvar"]').index(this); 
//Скрываем поля   
    $('.notshow').hide();
//Если выбрали доставку
if (place==0 || place==1 || place==2) {
    $(".clientadr , .pcode ").show();
    $('.clientadr input').addClass('js-tilda-rule').attr('data-tilda-req','1');
    $('.msk select , .spb select').removeClass('js-tilda-rule').attr('data-tilda-req');
};
//ПВЗ МСК
if (place==3) {
    $(" .msk").show();
    $('.msk select ').addClass('js-tilda-rule').attr('data-tilda-req','1');
    $('.clientadr input , .spb select').removeClass('js-tilda-rule').attr('data-tilda-req');
    $(".spb select :nth-child(1)").prop('selected', true).change();
};
//ПВЗ СПб
if (place==4) {
    $(".spb").show();
    $('.spb select ').addClass('js-tilda-rule');
    $('.clientadr input , .msk select').removeClass('js-tilda-rule');
    $(".msk select :nth-child(1)").prop('selected', true).change();
};
});
});
</script>
Made on
Tilda