首頁 >後端開發 >php教程 >如何讓側邊欄項目對 WooCommerce 中的目前產品處於活動狀態?

如何讓側邊欄項目對 WooCommerce 中的目前產品處於活動狀態?

Linda Hamilton
Linda Hamilton原創
2024-11-13 06:41:02257瀏覽

How to Make Sidebar Items Active for the Current Product in WooCommerce?

WooCommerce 中目前產品的活動側邊欄項目

為 WooCommerce 產品詳細資訊頁面新增側邊欄是增強使用者體驗的一種方法。但是,您可能會遇到識別目前產品並相應顯示「活動」類別的挑戰。

取得目前產品 ID

要新增「 active」類別給側邊欄目前選取的產品,需要取得目前產品的ID。在3.0 之前的WooCommerce 版本中,您可以使用以下程式碼存取產品ID:

但是,在WooCommerce 3.0 及更高版本中,您需要使用此修改後的程式碼:

此程式碼使用全域$product 變數存取產品,然後使用get_id() 方法擷取其ID。

新增「Active」類別

取得目前產品ID 後,您可以將其與側邊欄中的產品ID 進行比較,如果匹配則新增「活動”類別。以下是範例:

此程式碼將先前取得的產品 ID ($id) 與目前側邊欄項目的 ID ($li) 進行比較。如果它們匹配,則會將“active”類別添加到

  • 中。

    透過實作此程式碼,您可以有效地顯示與 WooCommerce 主題中目前所選產品相對應的側邊欄項目的「活動」類別。

  • 以上是如何讓側邊欄項目對 WooCommerce 中的目前產品處於活動狀態?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn