WooCommerce，购物车页面–购物车为空时隐藏元素

Question

我在WooCommerce购物车页面上放置了一些自定义元素。当产品放在购物车中时，页面看起来不错–但是，当购物车为空时，我的自定义元素仍然存在，并且会干扰购物车的空布局。这就是为什么我要在那种情况下隐藏那些自定义元素的原因。

我通过在我的子主题的函数中添加以下代码来进行尝试：

add_action( 'wp_footer', 'henju_empty_cart' );
function henju_empty_cart() {

    if ( WC()->cart->get_cart_contents_count() == 0 ) {
            echo "<script>
            $('Have-Question-Textblock-Cart-0209').hide()
            </script>";
    }
}

或：

add_action( 'wp_head', 'henju2_empty_cart' );
function henju2_empty_cart() {

    if( is_cart() && WC()->cart->cart_contents_count == 0){
            echo "<script>
            $('Have-Question-Textblock-Cart-0209').css('display','none');
            </script>";
exit;
    }
}

但是那没有用。

[基本上，我想隐藏具有CSS类“ .Have-Question-Textblock-Cart-0209”的自定义元素。

有人知道该怎么做吗？

谢谢，最好！

Answer 1

也许以下列方式？

function henju_empty_cart() {

    if ( WC()->cart->get_cart_contents_count() == 0 ) {
        ?>
        <script type="text/javascript">
            jQuery(document).ready(function ($) {
                console.log('JS works!');

                $('.Have-Question-Textblock-Cart-020').css('display','none');
            });
        </script>
        <?php
    }
}
add_action( 'wp_footer', 'henju_empty_cart' );