在这篇文章中:

1. 从主页移除“加入购物车”按钮 (Candy, Wave, Lucky 或 X-force 主题适用)
2. 隐藏顶端购物车按钮
3. 隐藏顶端购物车按钮 (Candy, Wave, Lucky 或 X-force 主题适用)
4. 移除商品页面上的“加入购物车”按钮
5. 移除商品页面上的“数量选择”按钮
6. 移除商品页面上的“立即购买”按钮
7. 更改商品价格的显示颜色 (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 : 储存即可完成！

效果：

更新于： 12/01/2024