QDM 雲端開店平台

「自訂目錄頁『已完售』標籤」

• 「已完售」狀態在目錄頁中一目了然，避免顧客點進無庫存商品而產生挫折感，提升用戶的效率感與信任感

• 「已完售」也能成為視覺的一部分，維持整體網站風格一致性，展現更高的設計質感與專業度

• 「已完售」本身就具有稀缺性訊號，也可以透過設計強調「搶購一空」、「超人氣完售」等語言與風格，刺激消費者對尚有庫存商品的購買慾望，製造 FOMO（錯失恐懼）心理，提升整體轉換率

✎ 重點拆解：

一、「自訂目錄頁『已完售』標籤文字」設定路徑

二、「自訂目錄頁『已完售』標籤顏色」設定路徑

一、「自訂目錄頁『已完售』標籤文字」設定路徑

設定路徑：版面>設定JS全站程式碼，加入以下程式碼：

if($(".label-important,.stock-status-label").length){
    $(".label-important,.stock-status-label").each(function(){
        if($(this).text().trim()=='已完售'){
            $(this).text("補貨中");
        }
    });
}

\ 注意 /

將程式碼裡的「文字部分內容」，改為您要顯示的文字即可。

二、「自訂目錄頁『已完售』標籤顏色」設定路徑

將以下語法，貼在「版面 > 自訂CSS商店樣式」。

.label-important, .badge-important {
    background-color: #6a4a49;
}

\ 注意 /

若要修改顏色，請修改語法中的「#6a4a49」。