pop-up

add_action('wp_footer', function () {

    ?>

    <script>

    document.addEventListener('DOMContentLoaded', function () {

        const buyBtn = document.querySelector('.add_to_cart_button');

        if (!buyBtn) return;

        buyBtn.addEventListener('click', function (e) {

            e.preventDefault();

            // Voeg item toe aan winkelwagen via AJAX

            fetch(buyBtn.href)

                .then(() => {

                    const popup = document.createElement('div');

                    popup.id = 'cart-popup';

                    popup.style.cssText = `

                        position: fixed;

                        top: 25%;

                        left: 50%;

                        transform: translateX(-50%);

                        background: white;

                        padding: 25px;

                        border: 2px solid black;

                        z-index: 9999;

                        box-shadow: 0 0 20px rgba(0,0,0,0.3);

                        text-align: center;

                    `;

                    popup.innerHTML = `

                        <p><strong>✅ Toegevoegd aan je winkelmandje!</strong></p>

                        <a href="/winkelmand" style="display: inline-block; margin: 10px; padding: 10px 15px; background: #444; color: #fff; text-decoration: none;">Naar winkelmand</a>

                        <button onclick="document.getElementById('cart-popup').remove()">Sluiten</button>

                    `;

                    document.body.appendChild(popup);

                });

        });

    });

    </script>

    <?php

});