空のときにWooCommerceカートアイコンを隠す

663 ワード

あなたのカートのアイコン
カートアイコンを表示するには、CSSクラスの名前を追跡する必要があります.
以下の短いビデオを見て、あなたのショッピングカートのアイコンのCSSクラス名を見つける方法を示します.
カスタム関数でCSSクラス名を配置する
私たちのショッピングカートのアイコンのCSS要素の名前を持っているので、カスタム機能を作成し、この名前を使用して、目に見えるか見えないオプションをトリガーします.
CSSクラス名は以下のスニペット内に置かれます.
// Hide WooCommerce Cart Icon When Empty
add_action( 'wp_footer', function() {
    if ( WC()->cart->is_empty() ) {
        echo '<style type="text/css">CLASS_NAME{ display: none; }</style>';
    }
});
あなたのサイトにカスタム機能を
我々は今我々のウェブサイトにこのカスタム機能を実装するために必要なすべてを持っている.
この関数の中には、ステップ1・2で作成したカスタム関数を使用します.アクティブなテーマのPHPファイルです.