新增或更改加入購物車按鈕圖標(Candy 或之前發佈之主題)
⚠️ 注意事項:
- 此文章說明僅適用於舊版主題(Candy 或之前發佈之主題)
- 更換佈景主題需要重新編輯原始碼
- 不同佈景主題會有不同的加入購物車按鈕圖標
- 部分佈景主題會無加入購物車按鈕圖標
- 基於安全問題,我們不開放編輯結帳頁面上的加入購物車按鈕圖標
1. 新增加入購物車按鈕圖標
步驟 1 : 前往 EasyStore 後台 > 銷售管道 > 品牌官網 > 編輯原始碼 > 選擇 product.liquid 檔案。
步驟 2 :
使用WAVE,Candy,X-Froce,Lucky主題:
複製以下代碼 > 在 {{ 'products.product.add_to_cart' | t }} 的前方貼上代碼。
{% include 'svg-definitions' with 'cart-icon' %}

使用其他佈景主題:
複製以下代碼 > 在 {{ 'products.product.add_to_cart' | t }} 的前方貼上代碼。
步驟
3 : 儲存。
之前:

之後:

- 更改加入購物車按鈕圖標
步驟 1 : 前往 EasyStore 後台 > 銷售管道 > 品牌官網 > 編輯原始碼 > 選擇 svg-definitions.liquid 檔案。
步驟 2 : 尋找 {% when 'cart-icon' %} > 刪除以下代碼。

步驟 3 : 複製以下代碼。

手袋圖標:
icon-cart
購物車圖標:
icon-cart
步驟 4 : 儲存
💡 注意事項 :
- 若您的佈景主題沒有加入購物車按鈕圖標,請先根據文章第一部去新增,之後才做以上步驟進行更改。
- 若不想要有任何圖標在加入購物車按鈕上,直接移除以下代碼 > 儲存即可。

3. 移除商品頁面浮動的加入購物車按鈕

步驟 1: 前往 EasyStore 後台 > 銷售管道 > 品牌官網 > 編輯原始碼 > 選擇product.liquid 檔案。
步驟 2 : 移除以下代碼。
{% include 'svg-definitions' with 'cart-icon' %}{{ 'products.product.add_to_cart' | t }}

步驟 3 : 儲存即完成。
更新時間: 05/03/2024
感謝!
