<script>
$(document).ready(function() {
    /* breadcrumbs start */

    // .br-link - элемент с крошкой
    const breadcrumbs = $(".br-link");

    breadcrumbs.each(function(idx, b) {
        const breadcrumbText = b.innerText;
        b.innerHTML = < span itemprop = \"name\">${breadcrumbText}</span>;
    })

    const lastBreadcrumb = $(".br-text")[0]
    if (lastBreadcrumb) {
        const breadcrumbText = lastBreadcrumb.innerText;
        lastBreadcrumb.innerHTML = < span itemprop = \"name\">${breadcrumbText}</span>;
    }
    /* breadcrumbs end */

    /* add itemprop on image start */

    // .post-div-blog img - применяется ко всем <img...
    // внутри класса .post-div-blog
    const postImages = $(".post-div-blog img");
    postImages.each(function(idx, img) {
        img.setAttribute("itemprop", "image");
    });
    /* add itemprop on image end */

    /* woocommerce price markup start */

    // если есть > 0 элементов с классом .variations
    // значит это вариативный товар, если нет, то нет
    const isVariable = $(".variations").length > 0;

    function replacer(match, p1, p2, offset, string) {
        let price = p1.replace(" ", "");
        return <bdi><span itemprop=\"price\" content=\"${price}\">${p1}</span>&nbsp;<span itemprop=\"priceCurrency\" class=\"woocommerce-Price-currencySymbol\">${p2}</span></bdi>
    }

    if (isVariable) {
        setTimeout(() => {
            // .prod-div, внутри ищется элементы цены, стандартные для woocommerce
            // менять надо только .prod-div, ниже в else блоке то же самое
            const priceDiv = $(".prod-div .woocommerce-Price-amount").eq(0);
            const oldMarkup = $(".prod-div .woocommerce-Price-amount")[0].innerHTML;
            const newMarkup = oldMarkup.replace(/^<bdi>(.*)&nbsp;<span class="woocommerce-Price-currencySymbol">(.*)<\/span><\/bdi>/g, replacer);
            priceDiv.html(newMarkup);

        }, 3000)
    } else {
        const priceDiv = $(".prod-div .woocommerce-Price-amount").eq(0);
        const oldMarkup = $(".prod-div .woocommerce-Price-amount")[0].innerHTML;
        const newMarkup = oldMarkup.replace(/^<bdi>(.*)&nbsp;<span class="woocommerce-Price-currencySymbol">(.*)<\/span><\/bdi>/g, replacer);
        priceDiv.html(newMarkup);
    }
    /* woocommerce price markup end */
})
</script>