有關的文章: 官網設計

新增或更改加入購物車按鈕圖標(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. 更改加入購物車按鈕圖標




步驟 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

這篇說明對您有幫助嗎?

分享您的反饋

取消

感謝!