雨果跨境学习网
登录

【Shopify】Shopify如何隐藏页首购物车图标?

莆秀20342022-12-12 09:11:17

【Shopify】Shopify如何隐藏页首购物车图标?

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

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

可以看到下图,现在这个网站是有页首部位是有购物车图标的。我们接下来把它隐藏掉。

【Shopify】Shopify如何隐藏页首购物车图标? 第1张

1.打开Shopify商家后台,点击Online Store

【Shopify】Shopify如何隐藏页首购物车图标? 第2张

2.点击Themes

【Shopify】Shopify如何隐藏页首购物车图标? 第3张

3.在主题模板部分点击Actions

【Shopify】Shopify如何隐藏页首购物车图标? 第4张

4.点击Edit code

【Shopify】Shopify如何隐藏页首购物车图标? 第5张

5.在Search files...搜索框,输入header

6.输入header后如下图,点击header.liquid

【Shopify】Shopify如何隐藏页首购物车图标? 第6张

7.到达header.liquid代码部分,在键盘上同时按住Ctrl+F两个按键,调出搜索框

【Shopify】Shopify如何隐藏页首购物车图标? 第7张

8.在搜索框输入cart

【Shopify】Shopify如何隐藏页首购物车图标? 第8张

9.输入cart后如下图

【Shopify】Shopify如何隐藏页首购物车图标? 第9张

10.找到如下代码

{%- liquid          if cart == empty            render 'icon-cart-empty'          else            render 'icon-cart'          endif        -%}

11.找到的代码如下图

【Shopify】Shopify如何隐藏页首购物车图标? 第10张

12.在上述代码的前部加入{% comment %},尾部加入{% endcomment %}

13.前部和尾部加入代码后,如下图代码

{% comment %}              {%- liquid          if cart == empty            render 'icon-cart-empty'          else            render 'icon-cart'          endif        -%}{% endcomment %}

14.在Shopify代码里如下图

【Shopify】Shopify如何隐藏页首购物车图标? 第11张

15.点击Save进行保存

【Shopify】Shopify如何隐藏页首购物车图标? 第12张

16.刷新网站

【Shopify】Shopify如何隐藏页首购物车图标? 第13张

17.可以看到购物车图标已经被隐藏。

【Shopify】Shopify如何隐藏页首购物车图标? 第14张

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


本文链接:https://www.sxwpls.com/7128.html ,转载需注明文章链接来源:https://www.sxwpls.com/

分享到:
  • 不喜欢(0

本文链接:https://www.sxwpls.com/7128.html

猜你喜欢

热门商品
热门文章
热门标签
侧栏广告位
图片名称

服务热线

备注来意

微信客服

微信客服