更改商品 '售完' 字樣
每當商品庫存為0時,官網前台便會顯示商品 “售完”。商家可以自行更改商品 “售完” 字樣至 “即將到貨”,“售完補貨中” 等其他字樣。當您設定有 “到貨” 含義的字樣,其實可以更能在您商品到貨/上架前吸引顧客在您官網上注意到該商品。
更改商品 '售完' 字樣, 需要編輯以下 3 個檔案 :
product-grid-item.liquid
product.liquid
search-result.liquid
⚠️ 注意 :
在您更改以下編碼時,之後若更換新的佈景主題時,您需要重新編輯原始碼。
步驟 1: 前往EasyStore後台 > 銷售管道 > 品牌官網 > 編輯原始碼 > snippets > product-grid-item.liquid
步驟 2 : 尋找 {{ 'products.product.sold_out' | t }} ,更改至您想要替代的字樣
例如將 “sold out ” 字樣更改為 “即將到貨” 如下:
步驟 3:再往下滑動找到:
<span class="badge__text{% if sold_out_text.size > 9 %} badge__text--small{% endif %}">{{ 'products.product.sold_out' | t }}</span>
更改至您想要替代的字樣
步驟 4 : 儲存
步驟 5 : 前往 templates > product.liquid 檔案
步驟 6 : 尋找 {{ 'products.product.sold_out' | t }} 更改至您想要替代的字樣
步驟 7 : 儲存
步驟 8 : 在snippets > search-result.liquid > 尋找 {{ 'products.product.sold_out' | t }} 更改至您想要替代的字樣
步驟 9 : 儲存之後便完成!
若您瀏覽前台未發現有任何更改,建議您可以點擊 Ctrl + Shift + R 鍵清除您瀏覽器緩存,再重新刷新頁面查看 😀
步驟 1 :找到以下四個原始碼文件
theme.liquid
snippets / product-card.liquid
snippets / price.liquid
sections / main-product.liquid
步驟 2 :找到 'products.product.sold_out' 然後換成你想要替代的文字,譬如說
{{ '即將到貨' | t }}

Candy 與之前發佈之佈景主題
更改商品 '售完' 字樣, 需要編輯以下 3 個檔案 :
product-grid-item.liquid
product.liquid
search-result.liquid
⚠️ 注意 :
在您更改以下編碼時,之後若更換新的佈景主題時,您需要重新編輯原始碼。
步驟 1: 前往EasyStore後台 > 銷售管道 > 品牌官網 > 編輯原始碼 > snippets > product-grid-item.liquid
步驟 2 : 尋找 {{ 'products.product.sold_out' | t }} ,更改至您想要替代的字樣

例如將 “sold out ” 字樣更改為 “即將到貨” 如下:

步驟 3:再往下滑動找到:
<span class="badge__text{% if sold_out_text.size > 9 %} badge__text--small{% endif %}">{{ 'products.product.sold_out' | t }}</span>
更改至您想要替代的字樣

步驟 4 : 儲存
步驟 5 : 前往 templates > product.liquid 檔案
步驟 6 : 尋找 {{ 'products.product.sold_out' | t }} 更改至您想要替代的字樣

步驟 7 : 儲存
步驟 8 : 在snippets > search-result.liquid > 尋找 {{ 'products.product.sold_out' | t }} 更改至您想要替代的字樣

步驟 9 : 儲存之後便完成!

若您瀏覽前台未發現有任何更改,建議您可以點擊 Ctrl + Shift + R 鍵清除您瀏覽器緩存,再重新刷新頁面查看 😀
Aroma 與其後發佈之佈景主題
步驟 1 :找到以下四個原始碼文件
theme.liquid
snippets / product-card.liquid
snippets / price.liquid
sections / main-product.liquid
步驟 2 :找到 'products.product.sold_out' 然後換成你想要替代的文字,譬如說
{{ '即將到貨' | t }}




Updated on: 12/01/2024
感謝!