當Woocommerce購物車爲空時，爲商品添加CSS類

Question

我試圖在空的時候隱藏我的購物車，因此我決定在購物車爲空時添加CSS類到購物車HTML項目，這裏是我的當前代碼：

function x_woocommerce_navbar_menu_item($items, $args) { 
     if (WC()->cart->cart_contents_count == 0) { 
     echo '<script type="text/javascript"> 
        $(document).ready(function() { 
         $("#header_cart").addClass("zero"); 
        }); 
       </script>'; 
     } 

我加入這個我functionts.php文件

我錯過了什麼？

Answer 1

，如果你的類添加到人體，使在CSS層級這將是很好的。在functions.php中使用以下代碼：

function tristup_body_classes($classes) 
    { 

     global $woocommerce; 
     if(is_cart() && WC()->cart->cart_contents_count == 0){ 
      $classes[]='empty-cart'; 
     } 
     return $classes; 
    } 
    add_filter('body_class', 'tristup_body_classes'); 

此代碼將爲類「body-cart」添加一個類。
希望這能解決你的問題。

Answer 2

請試試這個。

function cart_empty_add_class() { 
 
    global $woocommerce; 
 
    if (empty($woocommerce->cart->cart_contents)) { 
 
     echo '<script type="text/javascript"> 
 
        $(document).ready(function() { 
 
         $("#header_cart").addClass("zero"); 
 
        }); 
 
       </script>'; 
 
exit; 
 
    } 
 
} 
 
add_action('wp_head', 'cart_empty_add_class');