【官網設計】部分商品不顯示價格與購物車按鈕
你可以設定部分商品不顯示價格與購買按鈕的商品於前台。
前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題設定 → 編輯原始碼 → product-grid-item.liquid → 在 <p class="grid-link__meta" 上方 → 新增 {% if product.price > 0 %} → 之後在 </p> 下方新增 {% endif %}
![](https://storage.crisp.chat/users/helpdesk/website/ed7f54ac0892e000/93ac7ea2-95bc-4c61-888e-321921_enmu0p.png)
點擊儲存
前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題設定 → 編輯原始碼 → product.liquid → 尋找product-single__prices → 在上方新增 {% if product.price > 0 %} → 之後在 </div> 下方新增 {% endif %}
![](https://storage.crisp.chat/users/helpdesk/website/e21d80d29e03e000/f1933593-442a-4477-8d5b-ce3880_10gqdo4.png)
點擊儲存
前往 EasyStore 後台 → 商品管理 → 點擊商品 → 設定售價為 0
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image-41_19k1n1i.png)
點擊儲存,完成!
前往 EasyStore 後台 → 編輯原始碼 → snippets → price.liquid → 在首個 <dl> 之後新增 {% if product.price > 0 %} → 在最後的 <dl> 之前 新增 {% endif %}
![](https://storage.crisp.chat/users/helpdesk/website/cd01f59a63275800/468181d3-4fd6-416c-a4e5-a3e8ed_1jxhg11.png)
![](https://storage.crisp.chat/users/helpdesk/website/c5511cb32cda7000/80de7566-a02c-4fd9-b2c0-b6f7c7_10ztxxb.png)
點擊儲存
前往 EasyStore 後台 → 商品管理 → 點擊商品 → 設定售價為 0
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image-41_vzsln0.png)
點擊儲存,完成!
設定完畢后的前台顯示如下,價格為 “0” 的商品,商品價格與購物車按鈕將被隱藏於前台。
商品列表顯示:
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1be5010.png)
商品頁面顯示:
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_12pc4sw.png)
Candy 或之前發佈之佈景主題
步驟一:移除商品列表的顯示
前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題設定 → 編輯原始碼 → product-grid-item.liquid → 在 <p class="grid-link__meta" 上方 → 新增 {% if product.price > 0 %} → 之後在 </p> 下方新增 {% endif %}
![](https://storage.crisp.chat/users/helpdesk/website/ed7f54ac0892e000/93ac7ea2-95bc-4c61-888e-321921_enmu0p.png)
點擊儲存
步驟二:移除商品頁面的顯示
前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題設定 → 編輯原始碼 → product.liquid → 尋找product-single__prices → 在上方新增 {% if product.price > 0 %} → 之後在 </div> 下方新增 {% endif %}
![](https://storage.crisp.chat/users/helpdesk/website/e21d80d29e03e000/f1933593-442a-4477-8d5b-ce3880_10gqdo4.png)
點擊儲存
步驟三:將商品價格設定為 “0”
前往 EasyStore 後台 → 商品管理 → 點擊商品 → 設定售價為 0
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image-41_19k1n1i.png)
點擊儲存,完成!
Aroma 或其後發佈之佈景主題
步驟一:編輯原始碼
前往 EasyStore 後台 → 編輯原始碼 → snippets → price.liquid → 在首個 <dl> 之後新增 {% if product.price > 0 %} → 在最後的 <dl> 之前 新增 {% endif %}
![](https://storage.crisp.chat/users/helpdesk/website/cd01f59a63275800/468181d3-4fd6-416c-a4e5-a3e8ed_1jxhg11.png)
![](https://storage.crisp.chat/users/helpdesk/website/c5511cb32cda7000/80de7566-a02c-4fd9-b2c0-b6f7c7_10ztxxb.png)
點擊儲存
步驟二:將商品價格設定為 “0”
前往 EasyStore 後台 → 商品管理 → 點擊商品 → 設定售價為 0
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image-41_vzsln0.png)
點擊儲存,完成!
官網前台顯示畫面
設定完畢后的前台顯示如下,價格為 “0” 的商品,商品價格與購物車按鈕將被隱藏於前台。
商品列表顯示:
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1be5010.png)
商品頁面顯示:
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_12pc4sw.png)
Updated on: 12/01/2024
感謝!