如何在 WordPress 網站上隱藏缺貨產品

PHPz
發布: 2024-08-06 04:13:32
原創
1182 人瀏覽過

How to Hide Out-of-Stock Products on Your WordPress Website

如果您在 WordPress 上經營線上商店,則必須保持產品頁面乾淨整潔。一個有效的策略是隱藏缺貨的商品。這改善了整體購物體驗並有助於避免顧客混淆。在本文中,我們將引導您完成簡單的方法,使用新增至 functions.php 檔案中的自訂程式碼片段來隱藏缺貨產品。

守則

讓我們先查看使您的產品頁面僅顯示可用產品的程式碼。

/**
 * Visit AliKarbasi.dev for more codes.
**/
function custom_pre_get_posts_query( $q ) {
    if ( ! is_admin() && $q->is_main_query() ) {
        if ( is_home() || is_front_page() ) {
            $meta_query = $q->get( 'meta_query' );
            $meta_query[] = array(
                'key'     => '_stock_status',
                'value'   => 'outofstock',
                'compare' => 'NOT IN',
            );
            $q->set( 'meta_query', $meta_query );
        }
    }
}
add_action( 'pre_get_posts', 'custom_pre_get_posts_query' );
登入後複製

它是如何運作的

此程式碼片段利用 pre_get_posts 操作掛鉤在 WordPress 從資料庫取得貼文之前修改主查詢。以下是其工作原理的詳細說明:

  1. 函數宣告:函數custom_pre_get_posts_query宣告為修改查詢參數。
  2. 條件檢查: 函數檢查目前請求是否來自WordPress 管理區域(!is_admin()) 以及是否為主查詢($q-> ;is_main_query()).
  3. 首頁和首頁檢查:它進一步檢查當前頁面是否為主頁或首頁(is_home()is_front_page())。
  4. 修改元查詢:如果滿足所有條件,它將從查詢對象檢索現有的meta_query,並附加一個新條件以排除帶有元鍵_stock_status的貼文設定為缺貨
  5. 設定修改後的元查詢: 然後將修改後的 meta_query 設定回查詢對象,從而有效地從結果中排除缺貨產品。

如何使用程式碼

要將此程式碼套用到您的 WordPress 網站,請執行以下步驟:

存取您的主題的functions.php檔案:

  • 登入您的 WordPress 管理儀表板。
  • 導覽至「外觀」>主題編輯器。
  • 在主題檔案清單中,找到並點選 functions.php.

新增程式碼:

  • 複製提供的程式碼片段。
  • 將其貼到functions.php 檔案的末尾,就在結束?> 標記(如果存在)之前。

儲存變更:

  • 點選更新檔案按鈕儲存您的變更。

結論

透過在 functions.php 檔案中加入這個簡單的程式碼片段,您可以輕鬆地在產品和主頁中隱藏缺貨商品。這將有助於保持您的網站乾淨並保證客戶只看到可用的產品。
快樂編碼:D

以上是如何在 WordPress 網站上隱藏缺貨產品的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!