如何在 WooCommerce 中隱藏價格和添加到購物車按鈕？

在 WooCommerce 中隱藏產品價格和添加到購物車按鈕實際上是一種營銷噱頭。 它也收穫了回報。

但是誰應該做，為什麼做，如何做呢？

在此博客中，我們將分享一些代碼片段，以在 WooCommerce 中為所有訪問者隱藏價格，或根據某些條件（如登錄狀態）和其他一些情況隱藏價格！

何時隱藏 WooCommerce 商店的價格？

在某些情況下，隱藏價格和添加到購物車按鈕是有意義的：

• 批發商——您想對零售客戶隱藏價格，同時仍允許批發客戶看到價格。 這是僅向註冊用戶顯示價格的示例。
• 目錄和產品預發布– 如果您要推出新產品或新商店，那麼您只想通過展示您的產品目錄來引起轟動，而不是價格和“添加到購物車”按鈕。
• 缺貨商品– 您想要隱藏沒有庫存的產品的價格，並且您不確定它們下次有貨的時間。
• 列表構建——有興趣的購物者將聯繫商店詢問價格。 這可以是建立電子郵件列表或與潛在客戶建立更個性化聯繫的一種方式。
• 線下購買——一些賣家僅將網站用於正品的營銷和廣告。 實際產品僅在實體店有售。
• 僅限會員– 創建一個僅限會員的商店，註冊購物者必須登錄才能查看您的特殊會員套餐的價格。 我們建議使用 WooCommerce Memberships 插件在您的商店中創建和銷售會員產品。

現在我們知道誰需要隱藏價格以及為什麼，讓我們來看看如何隱藏它們。

WooCommerce 隱藏價格 – 不同場景的代碼片段

由於 WooCommerce 不包含此功能，您需要使用代碼片段或一些插件。

並且添加代碼片段是有風險的。 因此，我們建議您參考此文檔以安全地將代碼添加到您的 functions.php 文件。

隱藏產品頁面上的價格

add_filter( 'woocommerce_get_price_html', 'storeapps_remove_price' );
函數 storeapps_remove_price($price = ''){
返回 '​​';
}

僅在 WooCommerce 商店頁面上隱藏價格

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

隱藏除 WooCommerce 購物車和結帳頁面之外的所有頁面上的價格

add_filter( 'woocommerce_variable_sale_price_html', storeapps_remove_prices', 9999, 2 );

add_filter( 'woocommerce_variable_price_html', 'storeapps_remove_prices', 9999, 2 );

add_filter( 'woocommerce_get_price_html', 'storeapps_remove_prices', 9999, 2 );

函數 storeapps_remove_prices( $price = '', $product ) {
如果 (!is_admin()) $price = '';
返回$價格；
}

隱藏缺貨商品的價格

您可能希望在商店、類別、檔案、循環和單個產品頁面上隱藏缺貨產品的價格。

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_if_out_stock_frontend', 9999, 2 );

函數 storeapps_hide_price_if_out_stock_frontend( $price = '', $product ) {
如果 ( is_admin() ) 返回 $price; // 如果是管理儀表板則返回
返回（！$product->is_in_stock（））？ apply_filters( 'woocommerce_empty_price_html', '', $product ) : $price;
}

隱藏已註銷用戶的價格

當您想要強制用戶登錄以查看價格並將產品添加到購物車時。

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_addcart_not_logged_in', 9999, 2 );

函數 storeapps_hide_price_addcart_not_logged_in( $price = '', $product ) {
如果（is_user_logged_in（））{
返回$價格；
}
$price = '<div><a href="' .get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( '登錄查看價格', 'storeapps' ) . '</a></div>';
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10);
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);
返回$價格；
}

隱藏特定產品的價格（新發布）

您只想隱藏產品 ID 為 303 和 609 的新產品的價格，但顯示其餘產品的價格。

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_product_ids', 10, 2 );

函數 storeapps_hide_price_product_ids( $price = '', $product ) {
$hide_for_products = array( 303, 609 ); // 指定必須隱藏價格的產品 ID 列表
返回 ( in_array( $product->get_id(), $hide_for_products ) ) ？ ''：$價格；
}

隱藏特定產品類別的價格

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_on_taxonomy' );

函數 storeapps_hide_price_on_taxonomy( $price = '' ) {
全球$產品；
$hide_for_categories = array('海報'); // 隱藏這些類別 slugs/ID
返回 ( has_term( $hide_for_categories, 'product_cat', $product->get_id() ) ) ？ ''：$價格； // 當價格屬於其中一個類別時不顯示價格，否則返回原始價格
}

結論

隱藏價格和添加到購物車按鈕可幫助您控制產品，尤其是批發商店、目錄網站和本博客中提到的其他情況。

我們希望您發現這篇“WooCommerce 隱藏價格”文章有用。 任何反饋或疑問，請在下方分享。