WooCommerce 教程:在商店和類別頁面上隱藏價格

WooCommerce 教程:在商店和類別頁面上隱藏價格

有趣的事情在這裡 我的客戶要求我從商店頁面和分類頁面中隱藏/移除價格,因為她想提高單一產品頁面的點擊率。

WooCommerce:從商店和類別頁面隱藏價格

代碼段 1:僅從商店頁面中刪除價格


/**
 * @snippet       WooCommerce Hide Prices on the Shop Page
 * @sourcecode    https://businessbloomer.com/?p=406
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 2.4.7
 */

// Remove prices

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

代碼段 2:刪除價格無處不在,但購物車和結帳頁面


/**
 * @snippet       WooCommerce Hide Prices on the Shop & Category Page
 * @sourcecode    https://businessbloomer.com/?p=406
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 2.4.12
 */

// Remove prices everywhere

add_filter( 'woocommerce_variable_sale_price_html', 'businessbloomer_remove_prices', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'businessbloomer_remove_prices', 10, 2 );
add_filter( 'woocommerce_get_price_html', 'businessbloomer_remove_prices', 10, 2 );

function businessbloomer_remove_prices( $price, $product ) {
$price = '';
return $price;
}

如何添加此代碼?

1 、您可以將 PHP 代碼片段放置在主題或子主題的 functions.php 文件的底部(如果是 CSS 代碼,請添加到子主題的 style.css 文件底部)修改之前建議先備份原始文件,若出現錯誤請先刪除此代碼。

2 、 WordPress 4.9 後改進了主題編輯器,對於 CSS 代碼也可打開網站前台編輯器的【自定義】,複製代碼添加到自定義 css 中。

此代碼是否可用?

如需幫助或是您有更好的方案想分享?請到薇曉朵 WooCommerce 中文論壇留言告知,我們希望可以幫到更多國內的 WooCommerce 用戶也希望您的參與。

文章沒看懂?代碼不會用?需要幫助您可以去論壇提問自助服務台

作者阿獃

每當你飛起,就是一道彩虹.