
Just add the following code into Custom JS
document.addEventListener("DOMContentLoaded", function() {
var e = document.getElementById('snakebar')
var observer = new MutationObserver(function (events) {
for(let event of events){
let target = event.target;
if(target.classList.contains('show')) return;
let modalOptions = {
id:'add-to-cart-modal',
title:'Item Added to Cart',
body:'',
button:'Continue Shopping'
}
window.edokan.getCart(function(err,cart){
let cartHtml = cart.map((item)=>{
let html = '<tr>';
html += '<td><img width="32px" src="' + item.product.photo.src + '"></td>';
html += '<td>'+ item.product.name + '<br><small>' + item.product.sku + '</small></td>';
html += '<td>' + item.quantity + "</td>";
html += '<td>' + (item.quantity*item.product.actualPrice) + "</td>";
html += "</tr>";
return html;
}).join('');
cartHtml = '<table class="table">' + cartHtml + "</table>";
modalOptions.body = cartHtml;
_showModal(modalOptions);
let closeBtn = document.querySelector('#add-to-cart-modal .modal-footer button');
let checkout = document.createElement('a');
checkout.className = 'btn btn-primary';
checkout.href = "/checkout";
checkout.innerText = "Checkout";
document.querySelector('#add-to-cart-modal .modal-footer').appendChild(checkout);
closeBtn.classList.remove('btn-primary');
closeBtn.classList.add('btn-outline-primary');
})
}
})
observer.observe(e, {
attributes: true,
attributeFilter: ['class'],
childList: false,
characterData: false
})
});