<!-- Уведомление при добавлении товара в корзину | https://necodim.ru/tilda/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="necodim-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>
.necodim-toast {
position: fixed;
top: unset;
bottom: 40px;
left: unset;
right: 40px;
z-index: 999999;
transform: translate(200%, 0);
border: 1px solid #1a1a18;
border-radius: 15px;
padding: 20px;
color: #ffffff;
background-color: #1a1a18;
box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
transition: all 300ms ease-in-out;
}
.necodim-toast.error {
color: #ffffff;
background-color: #ca1a2b;
}
.necodim-toast.show {
transform: translate(0, 0);
}
.necodim-toast.show.old {
transform: translate(0%, -110%);
}
.necodim-toast.oldest {
transform: translate(200%, -110%);
}
.necodim-toast a {
color: #ffcc00 !important;
text-decoration: none !important;
}
</style>