已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

本文将介绍Shopify网站如何隐藏产品价格。适用情况:您的Shopify网站想改成外贸型网站,进行产品展示、引导客户询盘表单咨询报价、获得顾客联系方式、或订阅等目标。

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

图片来源:跨境出海陆路

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

本文将介绍Shopify网站如何隐藏产品价格。适用情况:您的Shopify网站想改成外贸型网站,进行产品展示、引导客户询盘表单咨询报价、获得顾客联系方式、或订阅等目标。

是的,Shopify网站是可以改成B2B外贸型网站的,把价格、数量选择器、加车、购买等按键或网页隐藏便可以。使用Shopify建外贸网站有这些优点:1.价格便宜。2.模块化建站,操作简单。3.商家可随意控制、更改。

注意:此自定义用于“Online Store 2.0”模板,不适用于经典Shopify模板。经典Shopify模板请点击头像查找或咨询博主。

可以看到下图,现在这个产品是有价格的。

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

我们接下来会把这个价格隐藏掉,首页、集合页、产品页的价格都会被隐藏。

1.打开Shopify商家后台

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

2.点击左下角Settings

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

3.点击Store details

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

4.在Store currency里点击Change formatting

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

5.

把HTML with currency里的${{amount}} USD或<span class=hidden>${{ amount }}USD</span>

改成<span class=hidden>${{ amount }}</span>

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

6.把Email with currency里的${{amount}} USD修改成${{amount}}

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

7.修改后如下图。HTML without currency和Email without currency部分不用修改

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

8.点击Save

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

9.回到网站,点击刷新。多刷新几次,可以等几分钟再刷新。

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

10.可以看到这个产品的价格已经隐藏掉

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

11.回到Shopify商家后台,还需要在Customize进行设置。点击Online Store

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

12.点击Themes

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

13.点击Customize

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

14.随便点击个产品,进入到产品页

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

15.鼠标放在Price部分,不要点击,会出现一个小眼睛图标

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

16.点击小眼睛图标进行隐藏

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

17.可以看到Price部分被隐藏

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

18.点击Save

【Shopify外贸建站】Shopify如何隐藏产品价格?(Online Store 2.0模板)

如果您有对Shopify改成B2B外贸型网站有任何疑问,欢迎咨询博主。

(图片来源:Shopify建站后台)

(来源:跨境出海陆路)

以上内容属作者个人观点,不代表雨果跨境立场!本文经原作者授权转载,转载需经原作者授权同意。​

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索
雨果跨境顾问
【爆单冲刺】Google爆单冲刺包
雨果跨境谷歌官方顾问

收藏

--

--

分享
跨境出海陆路
分享不易,关注获取更多干货