Уведомление при добавлении товара в корзину

  <!-- Уведомление при добавлении товара в корзину | https://twikup.ru/toaster-add-to-cart
-->
         <script>
          let toastNum = 0,
    phrase,
    error = false;

    function prepareToast() {
        window.alert = function(message) {
            error = true;
            showToast(message, error);
        }
        setTimeout(() = >{
            if (!error) {
                let product = $(this).closest($('.js-product')),
                prodName = product.find($('.js-store-prod-name')).text() || product.find($('.js-product-name')).text(),
                prodLink = product.data('product-url') || window.location.href,
                prodPrice = product.find('.js-product-price').data('product-price-def') || product.find('.js-product-price').text();
                phrase = prodPrice != null && prodPrice != '' ? `Товар < a href = "${prodLink}" > «$ {
                    prodName
                }» < /a> за ${prodPrice} ₽ добавлен в корзину` : `Товар <a href="${prodLink}">«${prodName}»</a > добавленвкорзину`;;
                showToast(phrase, error);
            }
            error = false;
        },
        100);
    }

    function showToast(phrase, error) {
        let toast = $(` < div class = "noti-toast cart"data - toast = "${toastNum}" > </div>`);
    $('body').append(toast);
    toast.html(phrase);
    error ? toast.addClass('error') : false;
    $(`[data-toast="${toastNum-1}"`).addClass('old');
    $(`[data-toast="${toastNum-2}"`).addClass('oldest').removeClass('show old');
    setTimeout(() => {
        toast.addClass('show');
        setTimeout(() => {
            toast.removeClass('show');
            setTimeout(() => {
                toast.addClass('oldest').removeClass('old error');
                setTimeout(() => {
                    toast.remove();
                }, 300);
            }, 300);
        }, 3000);
    }, 10);
    toastNum++;
}

const catalogs = document.querySelectorAll('.js-store-grid-cont');
if (catalogs.length > 0) {
    catalogs[catalogs.length-1].addEventListener('tStoreRendered', function() {
        setTimeout(function() {
            $('[href^="#order"]').off('click', prepareToast)
            $('[href^="#order"]').on('click', prepareToast)
        }, 100);
    });
} else {
    $('[href^="#order"]').on('click', prepareToast)
}
/
</script> <style> .noti-toast { position: fixed; top: unset; bottom: 40px; left: 40px;
    right: unset; z-index: 999999; transform: translate(-200%, 0); border:
    1px solid #ffcc00; border-radius: 15px; padding: 20px; color: #ffffff;
    background-color: #333333; box-shadow: 0 0 5px 0 rgba(0,0,0,.25); transition:
    all 300ms ease-in-out; } .noti-toast.error { color: #ffffff; background-color:
    #ca1a2b; } .noti-toast.show { transform: translate(0, 0); } .noti-toast.show.old
    { transform: translate(0%, -110%); } .noti-toast.oldest { transform:
    translate(-200%, -110%); } .noti-toast a { color: #ffcc00 !important;
    text-decoration: none !important; }
</style>