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

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

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

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

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

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

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

2.点击Themes

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

4.点击Edit code

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

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

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

8.在搜索框输入cart

9.输入cart后如下图

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.找到的代码如下图

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代码里如下图

15.点击Save进行保存

16.刷新网站

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

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

一线实战干货分享

助力国货品牌出海

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