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

Оформить доступ с промокодом
100
Добавляем в корзину поле с выбором подарка от определённой суммы заказа в Tilda
souvenir #1
ART 675467877
599
р.
699
р.
Information architecture is the art and science of structuring and organizing the information
souvenir #1
ART 675467877
599
р.
699
р.
Information architecture is the art and science of structuring and organizing the information

Добавляем в корзину поле с выбором подарка от определённой суммы заказа в Tilda

1
Добавили в корзину поле вопрос с вариантами ответа в виде картинок
2
Загрузили картинки и заполнили подписи
3
Задали этому поле имя present
4
Добавили код в блок Другое - Т123
//Пороговая сумма заказа
const presentSumm = 5000;
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Создаём поле с подарками, которые клиент может добавить прямо в корзине, когда сумма товара превысит определённое значение.
Фрагмент видео
Библиотека для примера

<script>
document.addEventListener("DOMContentLoaded", function() {
    (function () { 
    //Пороговая сумма заказа
    const presentSumm = 5000;  
    const presentInp =  document.querySelectorAll("input[name='present']");
    const presentWrap = presentInp[0].closest('.t-input-group');
    presentWrap.classList.add('hidepresent');  
    
    setTimeout(function () {
            const observer = new MutationObserver(mutationRecords => {
                const prodAmount = window.tcart.prodamount;
                if(prodAmount>presentSumm){ 
                    presentWrap.classList.remove('hidepresent');
                }else{
                    presentWrap.classList.add('hidepresent');
                    presentInp.forEach(function (el, index) {
                        el.checked = false;    
                    });
                };
            });
            const elem  = document.querySelector('.t706__cartwin-prodamount');
            observer.observe(elem, {
              childList: true, 
              subtree: true, 
              characterDataOldValue: true
            });
            
    }, 1000); 
    })();
});
</script>

<style>
.t706 .t-bgimg { box-shadow: none}
.t706 .t-img-select__text {text-align: center}
.hidepresent{
    height: 0;
    opacity: 0;
    margin: 0;
    pointer-events: none;
}
</style>
Made on
Tilda