> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 使用 EasyStore 作为商品目录/内容库网站 （显示价格但不开放购买按钮） 在这篇文章中: 1. [从主页移除“加入购物车”按钮 (Candy, Wave, Lucky 或 X-force 主题适用)](#1-1-candy-wave-lucky-x-force) 2. [隐藏顶端购物车按钮](#1-2) 3. [隐藏顶端购物车按钮 (Candy, Wave, Lucky 或 X-force 主题适用)](#1-3-candy-wave-lucky-x-force) 4. [移除商品页面上的“加入购物车”按钮](#1-4) 5. [移除商品页面上的“数量选择”按钮](#1-5) 6. [移除商品页面上的“立即购买”按钮](#1-6) 7. [更改商品价格的显示颜色 (Candy, MAKER, FALL 主题适用)](#1-7-candy-maker-fall) **📌 请注意：** * 一旦编辑了主题代码，如果切换到新的主题模板，则需要再次重新编辑代码 * 您可以使用 EasyStore 作为基于目录和内容的网站。 此篇教学主要指导如何隐藏购物车系统的同时仍然保留价格 * 基于系统安全之因素，我们不允许更改或编辑结帐页面的代码（包括运输和付款方式） --- # 1. 从主页移除“加入购物车”按钮（Candy, Wave, Lucky 或 X-force 主题适用） **步骤 1:** 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 **snippets 文件档 > product-grid-item.liquid** > 大约在第 34 行， 删除以下灰色部分代码 > 储存。 ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_mj53jb.png) **步骤 2:** 接下来，在大约第 55 行，删除以下灰色部分代码 > 储存。 ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1ag5q80.png) **之前：** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/add-to-cart_1hpiwbn.gif) **之后： 当鼠标移动到商品上时，没有显示加入购物车按钮 ** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_wuo6yo.png) --- # 2. 隐藏顶端购物车按钮 **步骤 1: **在“网页版”中隐藏顶端购物车按钮，到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 **snippets 文件档 > header-bar.liquid** > 大约在第 56 行，删除以下灰色部分代码 > 储存。 * ** 第一部分将移除购物车图标，第二部分将移除购物车字样。 如果您的主题没有购物车字样，你只需要找到前端有红点的行来删除。** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_fw2bd7.png) **步骤 2:** 在“手机版”中隐藏顶端购物车按钮， 到同样的文件档里大约第 82 行，删除以下灰色部分代码 > 储存。 * **如果您的主题没有购物车字样，你只需要找到前端有红点的行来删除。** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1osi06j.png) **效果：** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-84_k3cbp0.jpg) --- # 3. 隐藏顶端购物车按钮 （Candy, Wave, Lucky 或 X-force 主题适用） **步骤 1:** 在“网页版”中隐藏顶端购物车按钮，到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 **snippets 文件档 > header-bar.liquid** > 在大约第 106 行搜寻 cart-page-link-wrapper ，删除以下灰色部分代码 > 储存。 ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1xsvt34.png) **步骤 2:** 在“手机版”中隐藏顶端购物车按钮， 到同样的文件档 > 在大约第 138 行搜寻 **Mobile cart**，删除以下灰色部分代码 > 储存。 ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_ztltrs.png) **效果：** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-84_1wwqp0b.jpg) --- # 4. 移除商品页面上的“加入购物车”按钮 欲移除商品页面上的“加入购物车”按钮， 您需要到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > **product.liquid** > 大约第 130 行，删除以下蓝框处的代码 > 储存。 || 📌 小笔记： 蓝框内的编码仅适用于较新的主题。 ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-85_1ef556h.jpg) **之前：* ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-86_3j4huk.jpg) **之后： 不再有“加入购物车”按钮** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_nrvv1c.png) --- # 5. 移除商品页面上的“数量选择”按钮 欲移除商品页面上的“数量选择”按钮，您需要到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > **product.liquid** > 大约第 109 行，删除以下灰色部分代码 > 储存。 **之前：** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-87_a65cqx.jpg) **之后：** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1vyootf.png) --- # 6. 移除商品页面上的“立即购买”按钮 欲移除商品页面上的“立即购买”按钮，您可到后台 > 安装扩充 > BuyNow button 立即购买 > 解除安装此扩充功能。 ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-88_1vyanl4.jpg) **之前：** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-89_10klczy.jpg) **之后：** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_z170rz.png) --- # 7. 更改商品价格的显示颜色（Candy, MAKER, FALL 主题适用） ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-90_15wj9j2.jpg) **步骤 1 : **到 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 选择 theme.scss 文件档 **步骤 2 : **大约在第 1200 行找到 .grid-link__meta， 更改 $colorTextBody 至您想要的颜色 (color code) | 💡 小贴士：您可以在 [这里](https://www.rapidtables.com/web/color/html-color-codes.html) 取得您喜欢的颜色代码 ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_18lbz3b.png) **步骤 3 :** 储存即可完成！ **效果：** ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/untitled-design-91_3gdp68.jpg) | 💡 小贴士： 如果您使用 **X-FORCE, WAVE, LUCKY** 主题， 你可以直接在销售渠道 > 线上网店 > 布景主题 > 个性化布景主题 > 链接 > **链接文本颜色** 更换颜色即可。 ![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_91sfvb.png)