Как из карточки товара открыть форму, а не корзину в Tilda

1

Создали блок ST310N и подключили товары из каталога

2

Создали форму BF502N со ссылкой #popup:myform
(заголовок и описание должны быть вписаны)

3

Создали в этой форме скрытое поле с именем prodinfo

4

Добавили код в блок Другое - Т123
(код и форма должны быть и на странице товара)

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


<script>
$(document).ready(function () {
let linkBtn = '#popup:myform';

setTimeout(function(){
    let orderBtn = $('.t-store__prod-popup__btn');
    let popupForm = $('div[data-tooltip-hook="'+linkBtn+'"]');
    if(orderBtn.length>0 && popupForm.length>0 ){
        orderBtn.off('click').attr('href', linkBtn);
        popupForm.find('.t702__descr').before('<div class="popup_img"></div>')
        $(document).on('click','.t-store__prod-popup__btn',function(e){
            let cardInfo = $(this).closest('.js-store-product');
            let title = cardInfo.find('.js-store-prod-name').text();
            let sku =  'Артикул: '+cardInfo.find('.js-store-prod-sku').text();
            let image = cardInfo.find('.t-slds__item_active .t-slds__bgimg').attr('data-original');
            popupForm.find('.t702__descr').html(title+'<br>'+sku);
            popupForm.find('input[name="prodinfo"]').val(title+' - '+sku);
            $('.popup_img').css('background-image', 'url('+image+')');
        });
    }else{
        console.log('Order button or popup '+linkBtn+' not found');
    };
}, 2000);
});
</script>

<style>
.popup_img {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin: 15px auto;
}    
</style>