Видеоответы на вопросы по Tilda

Как добавить иконки в карточку товара в Tilda

<style>
.js-product-img.t-store__card__bgimg {
    box-shadow: inset 0 0 0 15px #fff;
}

.js-store-prod-descr ul, 
.js-store-prod-all-text ul{
    padding-left: 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    margin-top: 20px;
}

.js-store-prod-all-text ul{
    max-width:280px;
}



.js-store-prod-descr li,
.js-store-prod-all-text li{
    position: relative;
    padding-left: 38px;
    margin-bottom: 10px;
}


.js-store-prod-all-text li{
    margin-bottom: 20px;
}


.js-store-prod-descr li:before,
.js-store-prod-all-text li:before{
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


.js-store-prod-all-text li:before {
    top: -4px;
}


.js-store-prod-descr li:nth-child(1):before,
.js-store-prod-all-text  li:nth-child(1):before{
    background-image: url(https://static.tildacdn.com/tild3731-3537-4866-b439-393636363261/resize_navigation_fu.svg);
}
.js-store-prod-descr li:nth-child(2):before,
.js-store-prod-all-text  li:nth-child(2):before{
    background-image: url(https://static.tildacdn.com/tild6365-3066-4634-b232-353735663930/height_to_fit_icon_2.svg);
}
.js-store-prod-descr li:nth-child(3):before,
.js-store-prod-all-text  li:nth-child(3):before{
    background-image: url(https://static.tildacdn.com/tild3432-3164-4661-b032-663830616230/layer1.svg);
}
.js-store-prod-descr li:nth-child(4):before,
.js-store-prod-all-text  li:nth-child(4):before{
    background-image: url(https://static.tildacdn.com/tild3635-3430-4162-b536-616135623263/toilet_icon-iconscom.svg);
}    
</style>
Made on
Tilda