我們在Wordpress和Woo Commerce上使用社區主題以銷售一次性獨特物品。庫存管理在確保銷售的產品不能再次購買時表現良好,從而顯示缺貨的產品。原則上這是很好的,事實上,根據商品描述的價格,「庫存」顯示爲「缺貨」是沒有問題的,我們甚至發現代碼可以根據需要更改顯示here。這工作得很好 - 添加以下代碼到的functions.php的主題:更改WooCommerce缺貨徽章文本
add_filter('woocommerce_stock_html', 'change_stock_message', 10, 2);
function change_stock_message($message, $stock_status) {
if ($stock_status == "Out of stock") {
$message = '<p class="stock out-of-stock">Sold</p>';
} else {
$message = '<p class="stock in-stock">Available</p>';
}
return $message;
}
但是,我們真正想要做的是改變了斷貨徽章是在圖像顯示的文本例如http://neighborhood.swiftideas.net/product/common-projects-achilles/。
更改CSS是沒有問題的,因此文字的字體,背景,大小等很容易改變。增加一些像這樣的自定義CSS:
.out-of-stock-badge {
background: red;
font-size: 12px;
}
如何改變了從「缺貨」到「已售出」的股票徽章文本?
已添加第一個鏈接的@brasofilo代碼。第二個鏈接是一個我沒有代碼/快照的例子(因此請求)。已添加screengrab,如果有幫助(雖然我只能鏈接圖像,因爲我沒有足夠的代表:()。謝謝你的評論! – jimaroonie