如何隱藏Woocommerce「缺貨」商品價格

我想展示我的缺貨商品，但沒有價格在WooCommerce中。有沒有簡單的方法來隱藏「缺貨」物品的價格？如何隱藏Woocommerce「缺貨」商品價格

謝謝！

2014-02-13 user3280580

在這種情況下，我使用CSS。

我通常會使用Chrome的檢測元素（或任何代碼瀏覽器），找到缺貨價格的類（可能類似於.outOfStockPrice）。

然後我會使用類似簡單的自定義CSS來申請我的自定義CSS（所以我沒有去尋找一個特定的文件：http://wordpress.org/plugins/simple-custom-css/）

並添加到您的自定義CSS：

.outOfStockPrice { 
    visibility: hidden; 
}

有關使用CSS隱藏元素的更多信息：http://www.kirupa.com/html5/hiding_things_using_css.htm

來源

2014-02-14 02:22:14 Ross

我不能隱藏它通過CSS，因爲缺貨漲價是同一類等價格。如果我隱藏缺貨價格，它會自動隱藏所有價格。 – user3280580

那讓我很難過。你將不得不去PHP，但是從那裏你需要一個WooCommerce專家，或者理解PHP調用價格的地方，並且評論這部分內容。 – Ross

在/ your-theme/woocommerce/single-product /文件夾中創建一個文件price.php。粘貼下面的代碼。

$ pricelabel =「」; - 如果庫存數量爲0，則將變量顯示爲價格而不是價格。

如果您使用$ pricelabel =「」; - 這會消除價格。你可以嘗試$ pricelabel =「SOLD OUT！」;或者任何你想要顯示的信息。

我其實寫了這段代碼來顯示文本消息而不是特定的價格。我只是改變它來檢查庫存量而不是價格。

<?php 
/** 
* Single Product Price, including microdata for SEO 
* 
* @author  WooThemes 
* @package  WooCommerce/Templates 
* @version  1.6.4 
*/ 

if (! defined('ABSPATH')) exit; // Exit if accessed directly 

global $post, $product; 
?> 
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 

    <p class="price"> <?php 
     $stockamount = $product->get_stock_quantity(); 
     $price = $product->get_price_html(); 
     $pricelabel = ""; 
     if($stockamount == 0) 
     { 
      echo $pricelabel; 
     } 
     else 
     { 
      echo $price;    
     }; 
    ?> 
    </p> 

    <meta itemprop="price" content="<?php echo $product->get_price(); ?>" /> 
    <meta itemprop="priceCurrency" content="<?php echo get_woocommerce_currency(); ?>" /> 
    <link itemprop="availability" href="http://schema.org/<?php echo $product->is_in_stock() ? 'InStock' : 'OutOfStock'; ?>" /> 

</div>

來源

2014-07-15 20:46:42 lartan

很簡單，woocommerce類仍然添加outofstock整個頁面，以便使用和比價格

這將工作

.outofstock .price{display:none}

來源

2015-05-16 19:32:28 Santiago

添加這些到CSS爲我工作。第一個從缺貨項目的頁面中刪除價格，第二個從搜索結果中的缺貨項目中刪除價格。

.outofstock。價格{顯示：無}

.outofstock .amount {顯示：無}

來源

2016-03-29 14:57:24

如何隱藏Woocommerce「缺貨」商品價格

回答

相關問題