Как ограничить вид оплаты при выборе определённого типа доставки в Tilda
SALE UP TO 40% OFF
Rox Sofa
Jaime Hayon's successful lounge chair Rox now fits two at a time
DESIGNER BY HEROLD SMITHD
Click to order
Total: 
Your Phone
Доставка
Payment method

Как ограничить вид оплаты при выборе определённого типа доставки в Tilda

1
Создали блок ST100
2
Добавили в него 2-типа доставки
3
Добавили скрипт на страницу в блок ДРУГОЕ►Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
При выборе определённого вида доставки изменяем возможный вид оплаты для пользователя.
Длительность видео: 12 мин
Фрагмент видео
Библиотека для примера
<script>
  $( document ).ready(function() {
    $( ".t-radio__wrapper-delivery label:first" ).click(function() {
    $('.t-radio__wrapper-payment label:first').show();
});
  $( ".t-radio__wrapper-delivery label:last" ).click(function() {
    $('.t-radio__wrapper-payment label:first').hide();
    $(".t-radio__wrapper-payment label:last").click();
});
});
</script>
Библиотека для продвинутого режима доставки (способ оплаты скрыт изначально)
<style>
.t-radio__wrapper-payment label:nth-child(2){
   position: absolute;
   z-index: -1;    
}
.t-radio__wrapper-payment label.hide-payment{
   position: relative;
   z-index: 1;    
}
</style>

<script>
$( document ).ready(function() {
function checkDelivery(){
  let typeDeliv = $('input[name="tildadelivery-type"]:checked').val();
  if (typeDeliv == "Доставка СПб"){
    $('.t-radio__wrapper-payment label:eq(1)').addClass('hide-payment');
  }else{
    $('.t-radio__wrapper-payment label:eq(1)').removeClass('hide-payment'); 
    $('.t-radio__wrapper-payment label:eq(0) input').prop('checked', true);
    $('.t-radio__wrapper-payment label:eq(0) input').change();
  };
};
$('.t706').on('click','input[name="tildadelivery-type"]',function(e){checkDelivery()});
$('.t706').on('focusout','.searchbox-input',function(e){checkDelivery()});
});
</script>
Библиотека для продвинутого режима доставки (все способы оплаты видны изначально, но при Курьере остаётся только 1)
<style>
.t-radio__wrapper-payment label.hide-payment{
position: absolute;
z-index: -1;
}
</style>

<script>
$( document ).ready(function() {
function checkDelivery(){
let oneDeliv = 'Курьером СДЭК до двери';


let typeDeliv = $('input[name="tildadelivery-type"]:checked').val();

if ( typeDeliv == oneDeliv  ){

$('.t-radio__wrapper-payment label:eq(0)').addClass('hide-payment');
$('.t-radio__wrapper-payment label:eq(1) input').prop('checked', true);
$('.t-radio__wrapper-payment label:eq(1) input').change();

}else{

$('.t-radio__wrapper-payment label:eq(0)').removeClass('hide-payment');
$('.t-radio__wrapper-payment label:eq(0) input').prop('checked', true);
$('.t-radio__wrapper-payment label:eq(0) input').change();

};
};


$('.t706').on('click','input[name="tildadelivery-type"]',function(e){checkDelivery()});
$('.t706').on('focusout','.searchbox-input',function(e){checkDelivery()});

});
</script>
Made on
Tilda