有讀者留言想知道怎么隱藏、移除或禁用“加入購物車”按鈕。為此，給大家整理了一篇簡單教程，希望能幫助到你們！

完成這些操作，您需要更高的自定義能力，根據(jù)需求更新商店的功能。WordPress 插件和 WooCommerce 擴展的龐大庫提供了廣泛的自定義選項，從而帶來更友好的用戶體驗。

在本文中，會展示如何在 WooCommerce 商店中隱藏、移除或禁用“加入購物車”按鈕，適用于售罄商品或僅顯示產(chǎn)品目錄的情況。

為什么要隱藏、移除或禁用“加入購物車”按鈕？

“加入購物車”按鈕是任何 WooCommerce 商店中的關鍵組件。
它是從瀏覽到購買的橋梁，是客戶購買旅程的第一步。然而，如果需要隱藏、移除或禁用這個按鈕。

例如：商店是一個僅供展示的產(chǎn)品目錄，沒有直接購買功能；或者，希望某些產(chǎn)品可以查看但無法購買。無論原因是什么，了解如何操作這個按鈕可以讓您更好地控制商店的功能。

理解“隱藏”和“移除”的區(qū)別

隱藏“加入購物車”按鈕會使其在頁面上不可見，而移除按鈕則是完全從網(wǎng)站的代碼中刪除。這意味著即使有人檢查網(wǎng)站的代碼，他們也找不到按鈕。如果想防止技術嫻熟的用戶繞過你的商店流程，這可能會非常有用。

?? 注意：在進行任何更改之前，一定要對網(wǎng)站進行備份。如果出現(xiàn)問題，可以快速將網(wǎng)站恢復到之前的狀態(tài)。

如何從 WooCommerce 產(chǎn)品頁面隱藏“加入購物車”按鈕

以下是移除 WooCommerce 產(chǎn)品詳情頁面和商店頁面（產(chǎn)品列表頁面）“加入購物車”按鈕的步驟。為了實現(xiàn)這一功能，可以使用以下鉤子：

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');

這些鉤子可以插入到你認為合適的位置。通常，將這些鉤子添加到主題文件夾中的 functions.php 文件是最常見的做法。

推薦的文件位置

盡管將代碼添加到 functions.php 文件中很常見，但在某些情況下可能會導致錯誤。因此，更推薦將這些鉤子放置到插件文件夾中的 woocommerce.php 文件中。

下面是訪問woocommerce.php文件的步驟：

• 導航到 WordPress → wp-content。
• 點擊插件 → WooCommerce → woocommerce.php。

接下來添加以下代碼：

/**

 * Main instance of WooCommerce.

 *

 * Returns the main instance of WC to prevent the need to use globals.

 *

 * @since  2.1

 * @return WooCommerce

 */

function WC() {

    remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart');

    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart');

    return WooCommerce::instance();

}

添加代碼后，保存文件并刷新頁面。如果操作正確，應該會看到“添加到購物車”按鈕已從頁面中刪除。

條件隱藏 WooCommerce 添加到購物車按鈕

在某些情況下，如果只想隱藏特定產(chǎn)品的“添加到購物車”按鈕。在這種情況下，需要使用條件方法。

隱藏特定產(chǎn)品的 Woocommerce 添加到購物車按鈕

按照以下步驟隱藏特定產(chǎn)品的“添加到購物車”按鈕：

• 導航至 WordPress 儀表盤 → 產(chǎn)品 → 所有產(chǎn)品。
• 將鼠標懸停在想要隱藏“添加到購物車”按鈕的產(chǎn)品上，并記下產(chǎn)品 ID（在此示例中，ID 為 25）。

接下來，將以下代碼添加到網(wǎng)站的functions.php文件中：

add_action( 'woocommerce_after_shop_loop_item', 'hide_add_to_cart_for_specific_product', 10 );

function hide_add_to_cart_for_specific_product() {

    global $product;

    if ( 25 == $product->get_id() ) {

        remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart' );

        remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

    }

}

用此代碼，ID 為 25 的產(chǎn)品的“添加到購物車”按鈕將被隱藏。在本例中，它是一個可定制的杯子。

在商店和類別頁面上隱藏 Woocommerce 價格

要刪除商店和類別頁面上的 WooCommerce 價格，需要打開functions.php文件并添加以下代碼；

remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );

通過添加此代碼，可以刪除商店和類別頁面上的產(chǎn)品價格。結果如下：

刪除特定產(chǎn)品的“添加到購物車”按鈕

有三種方法可以從特定產(chǎn)品頁面中刪除“添加到購物車”按鈕：

1. 從價格字段中刪除值。這將導致產(chǎn)品不再有價格，從而刪除“添加到購物車”按鈕。
2. 啟用庫存管理并將產(chǎn)品庫存設置為零。
3. 使用woocommerce_is_purchasable鉤子的過濾器。

使用 woocommerce_is_purchasable Hook

這里用一個過濾器，針對特定的產(chǎn)品 ID 來刪除其“添加到購物車”按鈕。

每當此過濾器識別出我們目標產(chǎn)品的產(chǎn)品 ID 時，它都會返回 false。因此，雖然價格仍然可見，但“添加到購物車”按鈕將替換為一條通知，指出“無法購買產(chǎn)品”。

實現(xiàn)這一點，將以下代碼添加到網(wǎng)站functions.php文件中即可。

add_filter('woocommerce_is_purchasable', 'woocommerce_cloudways_purchasable');

function woocommerce_cloudways_purchasable($cloudways_purchasable, $product) {

return ($product->id == your_specific_product_id (like 22) ? false : $cloudways_purchasable);

}

禁用而不是隱藏或刪除“添加到購物車”按鈕

禁用“添加到購物車”按鈕與隱藏或刪除它不同。

當禁用按鈕時，它仍然可見，但無法點擊。如果想顯示產(chǎn)品通?？捎玫壳叭必浕蛴捎谄渌虿豢捎茫@個功能很有用。

以下是如何使用自定義代碼禁用“添加到購物車”按鈕的方法：

• 導航到外觀 → 主題編輯器并找到functions.php文件。
• 添加以下代碼以禁用“添加到購物車”按鈕：

add_filter( 'woocommerce_is_purchasable', 'disable_add_to_cart_button' );

function disable_add_to_cart_button( $is_purchasable ) {

    // You can add conditions here to disable the button for specific products

    return false; // return false disables the 'Add to Cart' button

}

• ?單擊“更新文件”以保存您的更改。

現(xiàn)在， WooCommerce 商店中的“添加到購物車”按鈕應該已經(jīng)被禁用了。

總結

在這篇博客中，探討了 WooCommerce 的強大功能，重點學習了如何隱藏、移除或禁用“加入購物車”按鈕，并了解了這些方法的獨特優(yōu)勢。

常見問題解答

1. 如何在 WooCommerce 中禁用“加入購物車”按鈕？

可以在主題的 functions.php 文件中使用代碼片段禁用“加入購物車”按鈕，針對特定產(chǎn)品或整個網(wǎng)站都適用：

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);

2. 如何移除 WooCommerce 的購物車圖標？

要移除購物車圖標，可以在主題的自定義器或 style.css 文件中添加以下自定義 CSS 代碼：

.woocommerce-cart .cart-contents {
    display: none;
}

3. 如何更改 WooCommerce 的“加入購物車”按鈕？

如果需要更改按鈕的文本，可以在 functions.php 文件中添加以下代碼：

add_filter('woocommerce_product_add_to_cart_text', function() { return 'Your Custom Text'; });

如果需要更改樣式或功能，可以自定義按鈕的 HTML 和 CSS。

4. 如何清空 WooCommerce 的購物車？

可以通過以下代碼程序化清空 WooCommerce 購物車：

WC()->cart->empty_cart();

將代碼添加到適當?shù)奈恢茫ㄈ绮寮?functions.php 文件）后，購物車內(nèi)容將被清空。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息