WooCommerce? ??? ????? ?? ??? ?? ??? ???? ???? WordPress??? ??? ??? ?? ?? ????? ???????. ??? ???? ?????? ??? ?? ??? ?? ? ????? ???? ?????? ??? ???? ???? ??? ?? ??? ???? ???? ?? ??? ????? ???? ?????.

???? ???? ???? ?? ? ??? ????? ?? ?? ? ???? ???? ??? ????. ???? ???? ? ??? ??? ?? ????? ?????. ??? ??? ???? ??? ??? ????.

WooCommerce? ?? ???? ???? ???? ??? ?? ??? ?????. ????? ??? ?? ?? WooCommerce? data-cart-items-count? ?? ??? ??? ???? ???? ??? ???? ???????. ??? ? ?? ????? ?? ??? ??? ?????. ?? ?? ??? ?? CSS ??? ??? ? ????.

[data-cart-items-count="0"] {
??: ??;
}

??? ??? ??? ?????? ?? ???? ???? ?? ???? ??? ?? ???? ?????.

???: ??????!

? ??? ????? ????? ???? ???? ???? ??JavaScript? ?????. WordPress? ????? ???? ???? ?? ???? ??? ????? ???? ???? ??? ??? ????.

1??: JavaScript? ???? ??

??? function.php ??? ?? ??? ???? ??? ?? JavaScript ??? ???? ?????.

function enqueue_custom_script() {
    wp_enqueue_script(
        'custom-cart-script', // Handle name
        get_stylesheet_directory_uri() . '/path/to/js/script.js', // Path to the JS file
        array('jquery'), // Dependencies
        '1.0.0', // Version
        true // Load in the footer
    );
}
add_action('wp_enqueue_scripts', 'enqueue_custom_script');

?? ??? ?? ??? ????? ?????.

2??: JavaScript ?? ??

?? ???? ??? JavaScript ??? ?? ??? ?????.

document.addEventListener('DOMContentLoaded', function () {
    const miniCart = document.querySelector('.wc-block-mini-cart'); // Update selector as needed

    if (miniCart) {
        // Initially hide the mini-cart
        miniCart.style.display = 'none';

        const updateVisibility = () => {
            const itemCount = miniCart.getAttribute('data-cart-items-count');
            miniCart.style.display = itemCount === '0' ? 'none' : 'block';
        };

        // Run the visibility check on page load
        updateVisibility();

        // Monitor changes to the mini-cart for dynamic updates
        const observer = new MutationObserver(updateVisibility);
        observer.observe(miniCart, { attributes: true, attributeFilter: ['data-cart-items-count'] });
    }
});

?? ??

• ????? DOM? ??? ??? ??? ?????.
• ???? ???? ?????(??? ?? ??? ????? ???? ???????).
• ???? ??? ??? ????.
• updateVisibility ??? data-cart-items-count ??? ???? ????? ???? ?????.
• MutationObserver? ??? ?? ??? ???? ?????? ?? ?? ??? ?????.
• ? ??? ???? ????? ??? ?? ?? ?? ?? ???? ???? ????? ??? ???? ???? ?? ???? ??? ??? ?????.

??? ???? ?????! ?? ?? ??? WooCommerce ???? ???? ??? ? ???? ????? ??? ???? ??? ?? ????.

? ??? JavaScript? ???? ???? ?? ?? ? WooCommerce ???? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!