【官網設計】購物車可編輯項目

本文將指導你如何移除加入購物車以及當客戶將產品加到購物車時自動顯示在右側的滑出購物車。本指南僅適用於 Candy、Wave 、Fall、X-Force、Maker 、Lucky主題。



在這篇文章中 ：

A. 啟用加入購物車顯示購物車預覽

B. 移除加入購物車後顯示通知

C. 刪除產品頁面上的浮動添加到購物車按鈕

D. 更改購物車字體大小

E. 在購物車上重命名 “運費，稅金和折扣將在結帳時計算”

A. 啟用加入購物車後顯示購物車預覽

到 Easystore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → 搜尋 // toggleCart( ); （大約 114 行） → 移除 //




搜尋 // theme.toggleCart( );（大約 325 行） → 移除 //





點擊儲存，完成！

設定前：



設定後：

B. 移除加入購物車後顯示通知

到 Easystore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → 選擇 theme.js 文件

搜尋第一個 // toggleCart( ) （大約 114 行）→ 刪除 popToast(add_cart_success_html)




搜尋第二個 toggleCart( ) （大約 325 行）→ 刪除 popToast(add_cart_success_html)





點擊儲存，完成

設定前：






設定後：

C. 刪除產品頁面上的浮動添加到購物車按鈕

到Easystore後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → templates → product.liquid

將以下的原始碼移除

{% include 'svg-definitions' with 'cart-icon

點擊儲存，完成！

D. 更改購物車字體大小

到Easystore後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → assets → theme.scss

搜尋 cart-drawer-wrapper （大約於 4197 行） → 更換字體大小



點擊儲存，完成！

E. 在購物車上重命名“運費，稅金和折扣將在結帳時計算”

到 Easystore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → 找到 cart-template.liquid 文件

搜尋 <p><em>{{ 'cart.general.shipping_at_checkout' | t }}</em></p> （大約** 470），重新命名 cart.general.shipping_at_checkout 即可。




步驟三：點擊儲存。


注意：若你不想要 “運費，稅金和折扣將在結帳時計算” 的字眼，可以直接刪除 <p><em>{{ 'cart.general.shipping_at_checkout' | t }}</em></p> 即可

Updated on: 15/01/2024