使用 EasyStore 作为商品目录/内容库网站(不显示价格)
您可能需要一个成本非常低、简单且易于使用的网站来展示您的产品目录或公司简介和联系方式等内容。EasyStore 可以符合您的需求,但只有一件事 - 您不希望 显示售价和购物车系统。 以下教学可以指导您如何隐藏此系统并使用 EasyStore 作为您的目录/内容基础网站。
隐藏主页中的“加入购物车”按钮和价格
隐藏商品页面的价格(“加入购物车”按钮将自动隐藏)
隐藏顶端登入和注册账号按钮
隐藏顶端购物车按钮
隐藏顶端购物车按钮 ( Wave, Lucky 或 X-force 主题适用 )
隐藏商品搜索结果中的价格
隐藏指定商品的价格 (RM = 0)
📌 请注意
一旦编辑了主题代码,如果切换到新的主题模板,则需要再次重新编辑代码
您可以使用 EasyStore 作为基于目录和内容的网站。 此篇教学主要指导如何隐藏购物车系统的同时仍然保留价格
基于系统安全之因素,我们不允许更改或编辑结帐页面的代码(包括运输和付款方式)
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 snippets 文件档 > product-grid-item.liquid > 大约在第 34 行,删除以下灰色部分代码 > 储存。
步骤 2 : 接下来,在大约第 55 行,删除以下灰色部分代码 > 储存。
步骤 3 : 欲隐藏 商品价格, 到同样的文件档里搜索 grid-link__meta > 删除以下灰色部分代码 > 储存。
步骤 4: 完成
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS
步骤 2 : 找到 templates 文件档 > product.liquid > 搜索 product-single__prices > 删除以下灰色部分代码 > 储存即可!
之前:
之后:
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS
步骤 2 : 找到 header-bar.liquid 文件档 > 搜寻 {% if shop.customer_accounts_enabled %} > 删除以下所选的代码 (共有 2 个部分需要删除)
步骤 3 : 欲隐藏手机版登入按钮, 到 mobile-nav.liquid 文件档 > 搜寻 Mobile cart 大约第 138 行)> 删除以下灰色部分代码 > 储存。
步骤 4 : 到 site-nav.liquid 文件档 > 搜寻 {% if shop.customer_accounts_enabled %} > 删除以下灰色部分代码 > 储存。
步骤 1 : 在“网页版”中隐藏顶端购物车按钮,到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 snippets 文件档 > header-bar.liquid > 在大约第 56 行,删除以下灰色部分代码 > 储存。
第一部分将移除购物车图标,第二部分将移除购物车字样。 如果您的主题没有购物车字样,你只需要找到前端有红点的行来删除。
步骤 2 : 在“手机版”中隐藏顶端购物车按钮, 到同样的文件档里大约第 82 行,删除以下灰色部分代码 > 储存即可!
如果您的主题没有购物车字样,你只需要找到前端有红点的行来删除。
效果:
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 header-bar.liquid 文件档 > 搜寻 <div class="header-bar__module cart-page-link-wrapper"> > 删除以下灰色部分代码 > 储存。
步骤 2 : 在“手机版”中隐藏顶端购物车按钮, 到同样的文件档 > 在大约第 138 行搜寻 Mobile cart ,删除以下灰色部分代码 > 储存。
效果
步骤 1 : 找到 snippets 文件档 > 找到 search-result.liquid > 删除以下灰色部分代码 > 储存。
💡 小贴士:如果想要移除 Compare at Price (原价),可以移除代码
<s data-expires="{{ product.expires }}"><small>{{ item.compare_at_price | money: shop.money_format }}</small></s>
步骤 2 : 储存即可!
之前:
之后:
欲隐藏商品价格,请确保您已将商品 价格 和 原价 (Compare at Price) 栏 留空
当产品价格为 RM0 时,价格将会显示在您的网站上。 以下步骤是在分类页面和商品页面隐藏 RM0.00 价格。
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 product-grid-item.liquid 文件档
步骤 2 : 在大约第 88 行搜寻 <p class="grid-link__meta"> 并将此代码贴在上方 {% if product.price > 0 %}
步骤 3 : 复制此代码 {% endif %} 然后贴在 </p> 下方
步骤 4 : 储存
步骤 5 : 选择 product.liquid 文件档并在大约第 70+ 行搜寻 <div class="product-single__prices"> > 贴上此代码于上方 {% if product.price > 0 %}
步骤 6 : 复制此代码 {% endif %} 并贴在 </div> 下方
步骤 7 : 储存
之前:
分类页面显示价格 RM0
商品页面显示价格 RM0
之后:
分类页面不显示价格
商品页面不显示价格
在这篇文章中:
隐藏主页中的“加入购物车”按钮和价格
隐藏商品页面的价格(“加入购物车”按钮将自动隐藏)
隐藏顶端登入和注册账号按钮
隐藏顶端购物车按钮
隐藏顶端购物车按钮 ( Wave, Lucky 或 X-force 主题适用 )
隐藏商品搜索结果中的价格
隐藏指定商品的价格 (RM = 0)
📌 请注意
一旦编辑了主题代码,如果切换到新的主题模板,则需要再次重新编辑代码
您可以使用 EasyStore 作为基于目录和内容的网站。 此篇教学主要指导如何隐藏购物车系统的同时仍然保留价格
基于系统安全之因素,我们不允许更改或编辑结帐页面的代码(包括运输和付款方式)
1. 隐藏主页中的“加入购物车”按钮和价格
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 snippets 文件档 > product-grid-item.liquid > 大约在第 34 行,删除以下灰色部分代码 > 储存。
步骤 2 : 接下来,在大约第 55 行,删除以下灰色部分代码 > 储存。
步骤 3 : 欲隐藏 商品价格, 到同样的文件档里搜索 grid-link__meta > 删除以下灰色部分代码 > 储存。
步骤 4: 完成
2. 隐藏商品页面的价格(“加入购物车”按钮将自动隐藏)
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS
步骤 2 : 找到 templates 文件档 > product.liquid > 搜索 product-single__prices > 删除以下灰色部分代码 > 储存即可!
之前:
之后:
3. 隐藏顶端登入和注册账号按钮
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS
步骤 2 : 找到 header-bar.liquid 文件档 > 搜寻 {% if shop.customer_accounts_enabled %} > 删除以下所选的代码 (共有 2 个部分需要删除)
第 1 部分:
第 2 部分:
步骤 3 : 欲隐藏手机版登入按钮, 到 mobile-nav.liquid 文件档 > 搜寻 Mobile cart 大约第 138 行)> 删除以下灰色部分代码 > 储存。
步骤 4 : 到 site-nav.liquid 文件档 > 搜寻 {% if shop.customer_accounts_enabled %} > 删除以下灰色部分代码 > 储存。
4. 隐藏顶端购物车按钮
步骤 1 : 在“网页版”中隐藏顶端购物车按钮,到后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 snippets 文件档 > header-bar.liquid > 在大约第 56 行,删除以下灰色部分代码 > 储存。
第一部分将移除购物车图标,第二部分将移除购物车字样。 如果您的主题没有购物车字样,你只需要找到前端有红点的行来删除。
步骤 2 : 在“手机版”中隐藏顶端购物车按钮, 到同样的文件档里大约第 82 行,删除以下灰色部分代码 > 储存即可!
如果您的主题没有购物车字样,你只需要找到前端有红点的行来删除。
效果:
5. 隐藏顶端购物车按钮 (Wave, Lucky 或 X-force 主题适用)
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 header-bar.liquid 文件档 > 搜寻 <div class="header-bar__module cart-page-link-wrapper"> > 删除以下灰色部分代码 > 储存。
步骤 2 : 在“手机版”中隐藏顶端购物车按钮, 到同样的文件档 > 在大约第 138 行搜寻 Mobile cart ,删除以下灰色部分代码 > 储存。
效果
6. 隐藏商品搜索结果中的价格
步骤 1 : 找到 snippets 文件档 > 找到 search-result.liquid > 删除以下灰色部分代码 > 储存。
💡 小贴士:如果想要移除 Compare at Price (原价),可以移除代码
<s data-expires="{{ product.expires }}"><small>{{ item.compare_at_price | money: shop.money_format }}</small></s>
步骤 2 : 储存即可!
之前:
之后:
7. 隐藏指定商品的价格 (RM = 0)
欲隐藏商品价格,请确保您已将商品 价格 和 原价 (Compare at Price) 栏 留空
当产品价格为 RM0 时,价格将会显示在您的网站上。 以下步骤是在分类页面和商品页面隐藏 RM0.00 价格。
步骤 1 : 到 EasyStore 后台 > 销售渠道 > 线上网店 > 布景主题 > HTML/CSS > 找到 product-grid-item.liquid 文件档
步骤 2 : 在大约第 88 行搜寻 <p class="grid-link__meta"> 并将此代码贴在上方 {% if product.price > 0 %}
步骤 3 : 复制此代码 {% endif %} 然后贴在 </p> 下方
步骤 4 : 储存
步骤 5 : 选择 product.liquid 文件档并在大约第 70+ 行搜寻 <div class="product-single__prices"> > 贴上此代码于上方 {% if product.price > 0 %}
步骤 6 : 复制此代码 {% endif %} 并贴在 </div> 下方
步骤 7 : 储存
之前:
分类页面显示价格 RM0
商品页面显示价格 RM0
之后:
分类页面不显示价格
商品页面不显示价格
更新于: 12/01/2024
谢谢!