স্কিপ করে মূল কন্টেন্ট এ যান

কিভাবে প্রোডাক্ট পেজে whatsapp বাটন অ্যাড করবেন

কিভাবে প্রোডাক্ট পেজে whatsapp বাটন অ্যাড করবেন​

১.ই-দোকান এর ম্যানেজ প্যানেল থেকে Shop > Design ক্লিক করুন

২.JvavScript অপশন এ ক্লিক করুন

৩.Add New তে ক্লিক করে একটা new javascript ফাইল ক্রিয়েট করুন ৪.জাভাস্ক্রিপ্ট এর কোড তা copy করে ওই খানে সেট করে আপডেট করুন

Hide add to cart, Buy Now Button and whatsapp button in product Code​

document.addEventListener("DOMContentLoaded", function() {
    let buttonSection = document.querySelector(".cart-buy-now");
    if (buttonSection) {
        let whatsappChat = `<a href="https://wa.me/8801622789583" style="color:#fff; background-color:#2DD366; padding:6px 15px; display:inline-block; border-radius:3px; font-weight:bold"><img class="img-fluid" src="https://bd-1.edkncdn.net/img/24x24/stores/66be6c9e4b71a55f4f5f75ff/banner/1732437303494-hNnZ5_NLlNaBI_-hLfzzd/whatsapp-24.webp" alt="whatsapp chat icon"/> ORDER VIA WHATSAPP</a>`;
        buttonSection.insertAdjacentHTML('afterend', whatsappChat);
    }
});

Add whatsapp button with Buy Now and Add to cart button​

document.addEventListener("DOMContentLoaded", function() {
    let buttonSection = document.querySelector("#add-to-cart");
    if (buttonSection) {
        let whatsappChat = `<a class="whatsapp-product" href="https://wa.me/8801622789583" style="color:#fff; background-color:#2DD366; padding:6px 15px; display:inline-block; border-radius:3px; font-weight:bold; display: block !important; width: max-content; margin-top: 10px;"><img class="img-fluid" src="https://bd-1.edkncdn.net/img/24x24/stores/66be6c9e4b71a55f4f5f75ff/banner/1732437303494-hNnZ5_NLlNaBI_-hLfzzd/whatsapp-24.webp" alt="whatsapp chat icon"/> ORDER VIA WHATSAPP</a>`;
        buttonSection.insertAdjacentHTML('afterend', whatsappChat);
    }
});