WooCommerce でカスタム サイドバー スタイルを設定するためにプロダクト ID にアクセスするにはどうすればよいですか?

DDD
リリース: 2024-11-14 21:49:02
オリジナル
849 人が閲覧しました

How to Access Product ID in WooCommerce for Custom Sidebar Styling?

カスタム サイドバー スタイル設定のために WooCommerce で製品 ID にアクセスする

WooCommerce 製品詳細ページのカスタマイズされたサイドバーを作成する場合、現行品。この記事では、サイドバー内で選択した製品に「アクティブ」クラスを追加するソリューションを提供することで、この問題に対処します。

これを実現するには、現在の製品 ID を取得する必要があります。 WooCommerce 3 以降では、次のコードを使用してこれを取得できます:

global $product;
$id = $product->get_id();
ログイン後にコピー

$product グローバル変数には、現在ロードされている製品オブジェクトが含まれます。 get_id() メソッドにアクセスすると、現在の製品の ID を取得できます。

製品 ID を手に入れて、サイドバーの対応するメニュー項目に「アクティブ」クラスを追加できます。たとえば、次のような条件付きロジックを使用できます:

<li class="<?php if ($id === $sidebar_product_id) { echo 'active'; } ?>">
    <!-- Product information -->
</li>
ログイン後にコピー

以上がWooCommerce でカスタム サイドバー スタイルを設定するためにプロダクト ID にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート