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

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

【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外贸型网站有任何疑问,欢迎咨询博主。

原创文章,作者:sindy,如若转载,请注明出处:https://www.52foreigntrade.com/20231030096.html

(0)
sindysindy
上一篇 2023年10月16日 下午11:20
下一篇 2023年10月16日 下午11:20

相关推荐

发表回复

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