Вставка префикса "от " к цене в блоки магазина

Автоматически добавляет префикс «от» к ценам в карточках товаров, полностью наследуя стили родительского элемента. Префикс подстраивается под дизайн сайта и не нарушает верстку.

Инструкция по установке

Создайте и настройте любой блок магазина

Вставьте код в созданный ниже T123 блок

1.

2.

Сохраните и опубликуйте страницу

3.

<!-- meloddy.design - Вставка префикса "от " к цене в блоки магазина -->
<script>
document.addEventListener('DOMContentLoaded',()=>{
    setTimeout(()=>{
        const margin = '5px'; // Парметр отвечающий за отступ префикса 'от' от цены
        document.querySelectorAll('.t778__price').forEach(e=>{
            const p=document.createElement('span');
            const s=window.getComputedStyle(e);
            p.style.cssText=`
                display:inline-block;
                vertical-align:middle;
                margin-right:${margin};
                font-family:${s.fontFamily};
                font-size:${s.fontSize};
                font-weight:${s.fontWeight};
                color:${s.color};
                line-height:${s.lineHeight};
                text-transform:${s.textTransform};
                letter-spacing:${s.letterSpacing}
            `;
            p.textContent='от ';
            e.insertAdjacentElement('beforebegin',p)
        })
    },200)
})
<script>

Копировать код

  
document.addEventListener('DOMContentLoaded',()=>{
setTimeout(()=>{
const margin = '5px'; // Парметр отвечающий за отступ префикса 'от' от цены
document.querySelectorAll('.t778__price').forEach(e=>{
const p=document.createElement('span');
const s=window.getComputedStyle(e);
p.style.cssText=`
display:inline-block;
vertical-align:middle;
margin-right:${margin};
font-family:${s.fontFamily};
font-size:${s.fontSize};
font-weight:${s.fontWeight};
color:${s.color};
line-height:${s.lineHeight};
text-transform:${s.textTransform};
letter-spacing:${s.letterSpacing}
`;
p.textContent='от ';
e.insertAdjacentElement('beforebegin',p)
})
},200)
})

Код модификации

Копировать код

<!-- meloddy.design - Вставка префикса "от " к цене в блоки магазина -->
document.addEventListener('DOMContentLoaded',()=>{
    setTimeout(()=>{
        const margin = '5px'; // Парметр отвечающий за отступ префикса 'от' от цены
        document.querySelectorAll('.t778__price').forEach(e=>{
            const p=document.createElement('span');
            const s=window.getComputedStyle(e);
            p.style.cssText=`
                display:inline-block;
                vertical-align:middle;
                margin-right:${margin};
                font-family:${s.fontFamily};
                font-size:${s.fontSize};
                font-weight:${s.fontWeight};
                color:${s.color};
                line-height:${s.lineHeight};
                text-transform:${s.textTransform};
                letter-spacing:${s.letterSpacing}
            `;
            p.textContent='от ';
            e.insertAdjacentElement('beforebegin',p)
        })
    },200)
})

Пример работы модификации

Dining Chair by esteban

With a new design approach for flexible use: from a dinner for two, to a big celebration.

Underwater wearable watches

An accessory for any occasion, from a nice dinner to an underwater swim.

Marinetmarine store backpack. The Sac Marin can be worn as a backpack or as a bag over one shoulder.

108

р.

К товару