<script>
document.addEventListener("DOMContentLoaded", function(){
function createTable(){
if(document.querySelectorAll('.js-store-prod-all-charcs').length){
let pElem = document.querySelectorAll('.js-store-prod-all-charcs p');
for (let i = 0; i < pElem.length; i++) {
let row = pElem[i].innerText
row = row.split(':');
let newRow = `<div class="chr-title">${row[0]}</div><div class="chr-descr">${ $.trim(row[1]) }</div>`;
pElem[i].innerHTML = newRow;
};
document.querySelector('.js-store-prod-all-charcs').classList.add('show-chrs');
};
if(document.querySelectorAll('.js-catalog-prod-all-charcs').length){
let pElem = document.querySelectorAll('.js-catalog-prod-all-charcs p');
for (let i = 0; i < pElem.length; i++) {
let row = pElem[i].innerText
row = row.split(':');
let newRow = `<div class="chr-title">${row[0]}</div><div class="chr-descr">${ $.trim(row[1]) }</div>`;
pElem[i].innerHTML = newRow;
};
document.querySelector('.js-catalog-prod-all-charcs').classList.add('show-chrs');
};
};
setTimeout(function () {
if(document.querySelectorAll('.t-store__product-snippet').length) createTable();
if(document.querySelectorAll('.t-catalog__product-snippet').length) createTable();
}, 1500);
document.addEventListener('click', function(e){
let prodElem = e.target.closest('a[href*="/tproduct/"]');
if (prodElem != null) {
setTimeout(function () { createTable() }, 1000);
};
});
});
</script>
<style>
.js-store-prod-all-charcs p,
.js-catalog-prod-all-charcs p
{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0px;
}
.js-store-prod-all-charcs p div,
.js-catalog-prod-all-charcs p div
{
border: 1px solid #cdcdcd;
margin-top: -1px;
padding: 5px;
}
.chr-descr {
margin-left: -1px;
}
.js-store-prod-all-charcs,
.js-catalog-prod-all-charcs
{
display: none;
}
.js-store-prod-all-charcs.show-chrs,
.js-catalog-prod-all-charcs.show-chrs
{
display: block;
}
.js-store-product[data-product-pack-m="0"] p.js-store-prod-weight,
.js-catalog-product[data-product-pack-m="0"] p.js-catalog-prod-weight
{
display: none;
}
.js-store-product[data-product-pack-x="0"] p.js-store-prod-dimensions,
.js-catalog-product[data-product-pack-x="0"] p.js-catalog-prod-dimensions
{
display: none;
}
</style>