在这篇文章中:
从主页移除“加入购物车”按钮 (Candy, Wave, Lucky 或 X-force 主题适用)
隐藏顶端购物车按钮
隐藏顶端购物车按钮 (Candy, Wave, Lucky 或 X-force 主题适用)
移除商品页面上的“加入购物车”按钮
移除商品页面上的“数量选择”按钮
移除商品页面上的“立即购买”按钮
更改商品价格的显示颜色 (Candy, MAKER, FALL 主题适用)

📌 请注意：
一旦编辑了主题代码，如果切换到新的主题模板，则需要再次重新编辑代码
您可以使用 EasyStore 作为基于目录和内容的网站。 此篇教学主要指导如何隐藏购物车系统的同时仍然保留价格
基于系统安全之因素，我们不允许更改或编辑结帐页面的代码（包括运输和付款方式）

1. 从主页移除“加入购物车”按钮（Candy, Wave, Lucky 或 X-force 主题适用）

步骤 1: 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 snippets 文件档 > product-grid-item.liquid > 大约在第 34 行， 删除以下灰色部分代码 > 储存。



步骤 2: 接下来，在大约第 55 行，删除以下灰色部分代码 > 储存。



之前：



之后： 当鼠标移动到商品上时，没有显示加入购物车按钮

2. 隐藏顶端购物车按钮

步骤 1: 在“网页版”中隐藏顶端购物车按钮，到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 snippets 文件档 > header-bar.liquid > 大约在第 56 行，删除以下灰色部分代码 > 储存。

第一部分将移除购物车图标，第二部分将移除购物车字样。 如果您的主题没有购物车字样，你只需要找到前端有红点的行来删除。



步骤 2: 在“手机版”中隐藏顶端购物车按钮， 到同样的文件档里大约第 82 行，删除以下灰色部分代码 > 储存。
如果您的主题没有购物车字样，你只需要找到前端有红点的行来删除。



效果：

3. 隐藏顶端购物车按钮 （Candy, Wave, Lucky 或 X-force 主题适用）

步骤 1: 在“网页版”中隐藏顶端购物车按钮，到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 snippets 文件档 > header-bar.liquid > 在大约第 106 行搜寻 cart-page-link-wrapper ，删除以下灰色部分代码 > 储存。



步骤 2: 在“手机版”中隐藏顶端购物车按钮， 到同样的文件档 > 在大约第 138 行搜寻 Mobile cart，删除以下灰色部分代码 > 储存。



效果：

4. 移除商品页面上的“加入购物车”按钮

欲移除商品页面上的“加入购物车”按钮， 您需要到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > product.liquid > 大约第 130 行，删除以下蓝框处的代码 > 储存。

📌 小笔记： 蓝框内的编码仅适用于较新的主题。



之前：*



之后： 不再有“加入购物车”按钮

5. 移除商品页面上的“数量选择”按钮

欲移除商品页面上的“数量选择”按钮，您需要到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > product.liquid > 大约第 109 行，删除以下灰色部分代码 > 储存。

之前：



之后：

6. 移除商品页面上的“立即购买”按钮

欲移除商品页面上的“立即购买”按钮，您可到后台 > 安装扩充 > BuyNow button 立即购买 > 解除安装此扩充功能。



之前：



之后：

7. 更改商品价格的显示颜色（Candy, MAKER, FALL 主题适用）

步骤 1 : 到 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 选择 theme.scss 文件档

步骤 2 : 大约在第 1200 行找到 .grid-link__meta， 更改 $colorTextBody 至您想要的颜色 (color code)

💡 小贴士：您可以在 这里 取得您喜欢的颜色代码



步骤 3 : 储存即可完成！

效果：



💡 小贴士： 如果您使用 X-FORCE, WAVE, LUCKY 主题， 你可以直接在销售渠道 > 线上网店 > 布景主题 > 个性化布景主题 > 链接 > 链接文本颜色 更换颜色即可。

更新于： 12/01/2024