空のときにWooCommerceカートアイコンを隠す
663 ワード
あなたのカートのアイコン
カートアイコンを表示するには、CSSクラスの名前を追跡する必要があります.
以下の短いビデオを見て、あなたのショッピングカートのアイコンのCSSクラス名を見つける方法を示します.
カスタム関数でCSSクラス名を配置する
私たちのショッピングカートのアイコンのCSS要素の名前を持っているので、カスタム機能を作成し、この名前を使用して、目に見えるか見えないオプションをトリガーします.
CSSクラス名は以下のスニペット内に置かれます.
我々は今我々のウェブサイトにこのカスタム機能を実装するために必要なすべてを持っている.
この関数の中には、ステップ1・2で作成したカスタム関数を使用します.アクティブなテーマのPHPファイルです.
カートアイコンを表示するには、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ファイルです.
Reference
この問題について(空のときにWooCommerceカートアイコンを隠す), 我々は、より多くの情報をここで見つけました https://dev.to/wpfixit/hide-woocommerce-cart-icon-when-empty-1ae3テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol