Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на 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;
                let skuname = '';
                const sku =  card.querySelector('.js-store-prod-sku');
                if(sku!=null) skuname = 'Артикул: '+ sku.innerText;
                
                let price = '';
                const priceEl =  card.querySelector('.t-store__card__price');
                if(priceEl!=null) price = priceEl.innerText;
                
                if( event.target.querySelector('a[href="#order"]') != null ) {
                    const form = document.querySelector('.uc-fast-order');
                    const t702__descr = form.querySelector('.t702__descr');
                    if(t702__descr!=null){
                        t702__descr.innerHTML = prname+' '+price+'<br>'+skuname;
                    };
                    
                    const fastorderInput = form.querySelector('input[name="fastorder"]');
                    if(fastorderInput!=null){
                        fastorderInput.value = prname+' - '+price+' '+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