DianzapShop

CHECKOUT

document.addEventListener("DOMContentLoaded", function() { if (!document.querySelector(".post-single-produk")) return; // 1. Buat elemen modal pop-up secara otomatis di dalam body const modal = document.createElement("div"); modal.id = "product-popup-modal"; const modalImg = document.createElement("img"); modal.appendChild(modalImg); document.body.appendChild(modal); // 2. Tangkap semua gambar utama produk saat diklik const productImages = document.querySelectorAll(".post-single-produk .gambar-produk img"); productImages.forEach(img => { img.addEventListener("click", function(e) { e.stopPropagation(); modalImg.src = this.src; modal.style.display = "flex"; document.body.style.overflow = "hidden"; // Kunci scroll background }); }); // 3. Tutup modal ketika area gelap atau gambar diklik modal.addEventListener("click", function() { modal.style.display = "none"; document.body.style.overflow = "auto"; // Kembalikan scroll }); });