Как сделать поле доставка в виде выпадающего списка в корзине Тильда?

При помощи данной модификации можно сделать поле "доставка" в виде выпадающего списка в корзине Тильда (блок ST100). Изначально поле идет в виде радиокнопок что не сильно подходит для магазинов где больше количество вариантов доставки.

Модификация работает с включенным Autoscale в блоках

Модификация работает только с стандартными блоками

Номер модификации в библиотеке TiCode

Генератор кода

поделиться модификацией

Переменная поля доставки

войти

Войдите в аккаунт чтобы получить доступ к генератору кода

регистрация

оплатить

Этот генератор кода доступен только тем кто оплатил подписку

<script> document.addEventListener("DOMContentLoaded", function() { var TiCodeInput = document.querySelector(".t-input-group_dl"); var TCDelivery = document.querySelector("[name='delivery']"); TiCodeInput.style.display = "none"; TCDelivery.addEventListener("change", function() { var TiNewDV = TCDelivery.selectedIndex; TiCodeInput.querySelector("label:nth-child(" + (TiNewDV + 1) + ")").click(); }); }); </script> <style> .t-radio__wrapper.t-radio__wrapper-delivery { display: none; } </style>

КОПИРОВАТЬ КОД

1. Создаем в корзине тильда (блок ST100) поле ввода "доставка" и указываем там варианты доставки в формате "Город=200", где 200 это стоимость доставки. Каждый вариант прописываем с новой строки;

2. Создаем второе поле вода формата "выпадающий список" и в названии переменной указываем delivery

3. Дублируем в выпадающий список все варианты доставки, но уже без цен и знака равно.

4. Копируем код из генератора и вставляем в блок T123.

Демо товар

Добавить в корзину