Скрыть элемент, когда корзина woocommerce пуста, появится на AJAX добавить в корзину - PullRequest
Новая
       21

Скрыть элемент, когда корзина woocommerce пуста, появится на AJAX добавить в корзину

0 голосов
/ 09 июля 2020

У меня есть магазин woocommerce, где количество товаров в корзине отображается рядом со значком корзины покупок в заголовке. Селектор CSS для этой области - .woof c -menu-item-inner: after . В настоящее время я использую приведенный ниже код, чтобы скрыть этот элемент, когда корзина пуста: 

    // Remove Item Count when Bag is Empty //

add_action('wp_head', 'hook_css', 99999);
function hook_css() {
    // If cart is empty hide the item count
    if(WC()->cart->is_empty())
        echo '<style type="text/css"> .woofc-menu-item-inner:after{display:none !important;}</style>';
}

Но приведенный выше код работает только при загрузке страницы. В настоящее время я использую несколько плагинов (Ajax добавить в корзину для WooCommerce , Ajax Автообновление корзины для WooCommerce ) для обновления содержимого корзины без перезагрузки страницы. Есть ли способ показать / скрыть этот элемент, когда элемент добавляется / удаляется с помощью AJAX?

...