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

Оформить доступ с промокодом
100
Как сделать кнопку быстрого заказа в Tilda

Как сделать кнопку быстрого заказа в Tilda

1
Создали блок ST305N, подключили каталог и включили две кнопки.
1-ая - Подробнее о товаре
2-ая - Добавить в корзину
2
Создали форму BF502N и задали ей ссылку #popup:fastorder и задали ей класс uc-fast-order
3
Создали в этой форме скрытое поле с именем fastorder
4
Добавили код в блок Другое - Т123
Библиотека для примера
<a href="#popup:fastorder" class="fastform"></a>

<script>
document.addEventListener("DOMContentLoaded", function() {
    (function () {
    
        document.addEventListener('click', function(event) { 
            if(event.target.closest('.t-store__card__btns-wrapper')){

                const card = event.target.closest('.js-product');
                const prname =  card.querySelector('.js-store-prod-name').innerText;
                const skuname =  card.querySelector('.js-store-prod-sku').innerText;
                const pricename =  card.querySelector('.js-product-price').innerText;
                
                if( event.target.querySelector('a[href="#order"]') != null ) {
                    const form = document.querySelector('.uc-fast-order');
                    form.querySelector('.t702__descr').innerHTML = 'Позиция: '+prname+'<br>Цена: '+pricename+' р.<br>Артикул: '+skuname;
                    form.querySelector('input[name="fastorder"]').value = prname+' - '+pricename+' р. - Артикул: '+skuname;
                    document.querySelector('.fastform').click();
                };

            };
        });
 
    })();    
});    
</script>

<style>
.js-store-prod-btn2{
    pointer-events:none   
}
.t-store__card__btns-wrapper {  
    cursor: pointer
}
</style>
Made on
Tilda