Articles on: 官網設計

【官網設計】部分商品不顯示價格與購物車按鈕

你可以設定部分商品不顯示價格與購買按鈕的商品於前台。



Candy 或之前發佈之佈景主題



步驟一:移除商品列表的顯示



前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題設定 → 編輯原始碼 → product-grid-item.liquid → 在 <p class="grid-link__meta" 上方 → 新增 {% if product.price > 0 %} → 之後在 </p> 下方新增 {% endif %}



點擊儲存

步驟二:移除商品頁面的顯示



前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題設定 → 編輯原始碼 → product.liquid → 尋找product-single__prices → 在上方新增 {% if product.price > 0 %} → 之後在 </div> 下方新增 {% endif %}



點擊儲存

步驟三:將商品價格設定為 “0”


前往 EasyStore 後台 → 商品管理 → 點擊商品 → 設定售價為 0




點擊儲存,完成!



Aroma 或其後發佈之佈景主題



步驟一:編輯原始碼


前往 EasyStore 後台 → 編輯原始碼 → snippets → price.liquid → 在首個 <dl> 之後新增 {% if product.price > 0 %} → 在最後的 <dl> 之前 新增 {% endif %}





點擊儲存

步驟二:將商品價格設定為 “0”



前往 EasyStore 後台 → 商品管理 → 點擊商品 → 設定售價為 0




點擊儲存,完成!


官網前台顯示畫面



設定完畢后的前台顯示如下,價格為 “0” 的商品,商品價格與購物車按鈕將被隱藏於前台。

商品列表顯示:





商品頁面顯示:


Updated on: 12/01/2024

這篇說明對您有幫助嗎?

Share your feedback

取消

感謝!