Как сделать замену текста "нет в наличии" для распроданных товаров в блоке ST305N Tilda

2025-11-26 20:48 Бесплатные Каталог

Инструкция

Данная модификация позволяет изменить стандартный текст «Нет в наличии» (или аналогичный) для товаров, которые закончились в каталоге. Вместо него будет показываться ваш собственный текст, например «Скоро появятся в продаже» или «Под заказ».

1. Добавьте на страницу блок ST305N.
2. Откройте настройки блока вашего ST305N далее нажмите «Add CSS Class Name» и введите класс onerowproducts.
3. Добавьте HTML‑блок T123, поместите в него приведённый ниже код.
3. В коде найдите строку const NEW_TEXT = 'Скоро появятся в продаже'; и замените текст на свой.
4. Опубликуйте страницу.

<!-- Скрипт для замены текста "нет в наличии" для распроданных товаров в блоке ST305N на Tilda с сайта bulgkate.ru -->

<script>
(function () {
    const rec = document.querySelector('.uc-onerowproducts');
    if (!rec) return;

    const NEW_TEXT = 'Скоро появятся в продаже'; /* Или другой текст */

    function replaceSoldOutText(root = rec) {
        root.querySelectorAll('.js-store-prod-sold-out').forEach(el => {
            if (el.textContent.trim().toLowerCase().includes('нет в наличии')) {
                el.textContent = NEW_TEXT;
            }
        });
    }

    replaceSoldOutText();

    const mo = new MutationObserver(() => replaceSoldOutText());
    mo.observe(rec, { childList: true, subtree: true });
})();
</script>