【官網設計】部分商品不顯示價格與購物車按鈕
你可以設定部分商品不顯示價格與購買按鈕的商品於前台。
前往 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 %}
點擊儲存
前往 EasyStore 後台 → 商品管理 → 點擊商品 → 設定售價為 0
點擊儲存，完成！
前往 EasyStore 後台 → 編輯原始碼 → snippets → price.liquid → 在首個 <dl> 之後新增 {% if product.price > 0 %} → 在最後的 <dl> 之前 新增 {% endif %}
點擊儲存
前往 EasyStore 後台 → 商品管理 → 點擊商品 → 設定售價為 0
點擊儲存，完成！
設定完畢后的前台顯示如下，價格為 “0” 的商品，商品價格與購物車按鈕將被隱藏於前台。
商品列表顯示：
商品頁面顯示：
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
感謝！