Сейчас узнаем, какой подарок выпадет именно Вам

Крутите колесо

Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом

100

#2470a1

Как создать выпадающий список для доставки вместо переключателей в Tilda

Доставка сборных грузов

По всей Росии

Рассчитать стоимость

Как создать выпадающий список для доставки вместо переключателей в Tilda

Позволяет сделать доставку в виде выпадающего списка. Удобно, если пунктов доставки очень много.
Не подходит для расширенной доставки

Создаём в корзине элемент выпадающий список (Настройки на фото1) с именем newdelivery

Создаём в корзине элемент варианты доставки (Настройки на фото2)

Добавляем скрипт в конец страницы
Порядок городов в обоих списках должен совпадать

Скрипт вставляется в блок Т123

Библиотека для примера

<script>
document.addEventListener("DOMContentLoaded", function() {
    (function () {
        const deliveryInputs = document.querySelectorAll(".t-input-group_dl input");
        const newdelivery = document.querySelector("[name='newdelivery']");
        newdelivery.addEventListener('change', function(){
            const deliveryIndex = this.selectedIndex;
            deliveryInputs[deliveryIndex].checked = true;
            deliveryInputs[deliveryIndex].dispatchEvent(new Event('change', { bubbles: true }));
        });
    })();    
});    
</script>
<style>
.t-input-group_dl{
    display: none;
}
</style>