Как сделать:
<script>
document.addEventListener("DOMContentLoaded",function() {
window.setTimeout(function(){
let productCard = document.querySelectorAll('.t-store__card');
let chars;
productCard.forEach((prod) => {
prod.addEventListener('click', function() {
chars = document.querySelectorAll('.js-store-prod-charcs');
chars.forEach((char) => {
let charText = char.textContent;
let charValue = charText.slice(0, charText.lastIndexOf(':'));
switch(charValue) {
case 'Срок хранения': char.classList.add('prod-chars--first'); break;
case 'Пакет': char.classList.add('prod-chars--second'); break;
case 'Телевизор': char.classList.add('prod-chars--third'); break;
case 'Мини-телевизор': char.classList.add('prod-chars--third'); break;
case 'Бокс': char.classList.add('prod-chars--fourth'); break;
}
})
})
})
}, 800);
});
</script>
<style>.js-store-prod-charcs{position:relative;padding:0 0 0 1.8rem}.js-store-prod-charcs::before{content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;width:1.4375rem;height:1.4375rem;background-size:cover;background-repeat:no-repeat;background-position:center}.prod-chars--first::before{background-image:url(https://static.tildacdn.com/tild6366-3461-4235-a465-353536623435/srok.svg)}.prod-chars--second::before{background-image:url(https://static.tildacdn.com/tild3133-3031-4131-b561-356464383562/paket.svg)}.prod-chars--third::before{background-image:url(https://static.tildacdn.com/tild6532-3863-4736-a162-636330306566/tv.svg)}.prod-chars--fourth::before{background-image:url(https://static.tildacdn.com/tild6561-6665-4563-b065-396135623766/box.svg)}</style>
<script>
document.addEventListener("DOMContentLoaded",function() {
window.setTimeout(function(){
let charsNew = document.querySelectorAll('.js-store-prod-charcs');
charsNew.forEach((char) => {
let charText = char.textContent;
let charValue = charText.slice(0, charText.lastIndexOf(':'));
switch(charValue) {
case 'Срок хранения': char.classList.add('prod-chars--first'); break;
case 'Пакет': char.classList.add('prod-chars--second'); break;
case 'Телевизор': char.classList.add('prod-chars--third'); break;
case 'Мини-телевизор': char.classList.add('prod-chars--third'); break;
case 'Бокс': char.classList.add('prod-chars--fourth'); break;
}
})
}, 500);
});
</script>