Wordpress,  架站工具,  科技資訊

如何隱藏 WooCommerce 中的價格標籤

通常來說,會想用 WooComerce 這個外掛,不外乎是想建立自己的線上商城好進行電子商務,但是也有些人是想只要建立商品瀏覽的頁面而已,在這種情形下,就不需要顯示商品的價格,當然我們也有好幾種方法來達到隱藏價格的目的。

利用 CSS 將 WooCommerce 價格標籤隱藏

希望價格標籤不顯示最簡單的方法就是直接在自訂的 CSS 中隱藏起來,直接在自訂>附加的 CSS 中加入這段代碼:

.woocommerce-Price-amount {
display:none
}

這樣就可以完成隱藏價格標籤的目的。

修改 PHP 來刪除 WooCommerce 價格標籤

如果你不喜歡用 CSS 來隱藏價格,那你也可以修改 functions.php 來達到一樣的結果。
你只需要在 functions.php 最底下加入以下這一段代碼:



remove_action( ‘woocommerce_after_shop_loop_item_title’, ‘woocommerce_template_loop_price’, 10 );

偶爾在網路上分享攝影、旅遊以及在網路世界學到的點點滴滴。