Как показать в карточке, что товар добавлен в корзину в Tilda
 

Как показать в карточке, что товар добавлен в корзину в Tilda

1
Создали блок с товарами ST315N
2
Добавили код в блок Другое - Т123 или в HEAD Сайта
Библиотека для примера

<script>
$( document ).ready(function() {

function prodComplete(){
//При загрузке товаров
let tistore = setInterval(function() {
    setTimeout(function(){
        if ( $('.js-store-grid-cont div').length>0 || $('.t-store__prod-snippet__container').length>0 ){
            clearInterval(tistore) 
            setTimeout(function(){
                checkInCart();
           }, 200); 
        };
    }, 600);
    
}, 100);   
};
prodComplete();

//Проверяем товар в корзине 
function checkInCart(){

    //Считаем состав корзины
    let tcLn = tcart.products.length;
    $('.js-product').removeClass('prod-in-cart');
    $('.js-store-price-wrapper').attr('data-quant-cart', '');
    if(tcLn){
        for(let i=0; i<tcLn; i++){
            
            let prCartNm = tcart.products[i].name;
            let prodQnt = +tcart.products[i].quantity;
            
            prCartNm = prCartNm.replace(/\&quot;/g, '"');
            prCartNm = prCartNm.replace(/\&#039;/g, "'");
           
            
            
            $('.js-product').each(function(){
                let prAttr = '';
                prColName = $(this).find('.js-product-name').text(); 
                if(prCartNm == prColName) {
                    $(this).addClass('prod-in-cart');

                    let qnt = +$(this).find('.js-store-price-wrapper').attr('data-quant-cart');
                    if(qnt) prodQnt = prodQnt+qnt;
                    if(prodQnt==0) $(this).removeClass('prod-in-cart');
                    
                    
                    $(this).find('.js-store-price-wrapper').attr('data-quant-cart', prodQnt);
                    
                    
                    
                };
            });
        };
    };
};

$(document).on('click','.js-store-filter , .js-store-filter-chosen-item , .js-store-load-more-btn , .js-store-parts-switcher',function(e){  prodComplete(); });
$(document).on('keydown','.js-store-filter',function(event){if(event.keyCode == 13) { prodComplete()}}); 
$(document).on('change','.t-store__sort-select',function(e){  prodComplete() });


//При открытии карточки товара
$(document).on('click','a[href*="/tproduct/"]',function(e){ prodComplete() });
$(document).on('click','a[href*="#order"]',function(e){ prodComplete() });
//При изменении значений в корзине
$(".t706__cartwin-prodamount").bind( 'DOMSubtreeModified',function() { 
    prodComplete();
    setTimeout(function(){
            tcart__reDrawProducts();
            prodComplete();
    }, 4500); 
});
   
});
</script>


<style>
.js-product>a {
    display: block;
    overflow: hidden;
}
.t-store__card__textwrapper {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
} 
.js-product>a {
    display: block;
    overflow: hidden;
}
.js-store-price-wrapper:after {
    content: "В корзине " attr(data-quant-cart) " шт";
    display: block;
    font-family: 'Montserrat',Arial,sans-serif;
    color: #4caf50;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    opacity:0;
    background-image: url(https://static.tildacdn.com/tild3434-3437-4130-b535-333936323437/Group_27_1.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    
    margin: 5px auto 0;
    height: 0;
    padding: 0;
}
.js-product.prod-in-cart>a{
    /*background-color: #f7f7f7;*/
    /*box-shadow: 0 0 0 3px #f7f7f7;*/
}
.js-product.prod-in-cart .js-store-price-wrapper:after{
    opacity:1;
    padding: 5px 0 5px 30px;
    height: auto;
}
.t-store__prod-popup__container .js-store-price-wrapper:after {
    margin: 8px 0;
}
</style>
Made on
Tilda