「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

大家好,欢迎来到IT知识分享网。

【Shopify外贸建站】Shopify如何隐藏页首购物车图标?

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

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

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

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

2.点击Themes

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

4.点击Edit code

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

8.在搜索框输入cart

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

9.输入cart后如下图

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

10.找到如下代码

<a href=”{{ routes.cart_url }}” class=”header__icon header__icon–cart link focus-inset” id=”cart-icon-bubble”>

{%- liquid

if cart == empty

render ‘icon-cart-empty’

else

render ‘icon-cart’

endif

-%}

11.找到的代码如下图

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

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

{% comment %}

<a href=”{{ routes.cart_url }}” class=”header__icon header__icon–cart link focus-inset” id=”cart-icon-bubble”>

{%- liquid

if cart == empty

render ‘icon-cart-empty’

else

render ‘icon-cart’

endif

-%}

{% endcomment %}

14.在Shopify代码里如下图

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

15.点击Save进行保存

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

16.刷新网站

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

「Shopify外贸建站」Shopify如何隐藏页首购物车图标?

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

一线实战干货分享

助力国货品牌出海

欢迎关注公众号:跨境出海实操干货

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/57488.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信