图片来源:跨境出海陆路
【Shopify外贸站】Shopify如何隐藏页面购物车图标?
本文将介绍Shopify如何隐藏页面上的购物车图标。适用:您的Shopify网站希望改为外贸网站,进行产品展示,引导客户查询表格咨询报价,获取客户联系方式,或订阅。
是的,Shopify网站可以改为B2B外贸网站,可以隐藏价格、数量选择器、加车、购买等按钮或网页。使用Shopify建立外贸网站有以下优点:1。价格便宜。2.模块化网站建设,操作简单。3.商家可以随意控制和更改。
你可以看到下图。现在这个网站有一个购物车图标,页面的第一部分。让我们把它藏起来。
1.打开Shopify商家的后台,点击online Store
点击Themess
3.点击Actions主题模板
4.点击Edit code
5.在Search files...搜索框,输入header
6.输入header后,如下图所示,点击header.liquid
7.到达header.liquid代码部分同时按下键盘上的Ctrll F两个按钮,调出搜索框
8.在搜索框中输入cart
9.输入cart后如下图所示
10.找到以下代码
"{{ 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 %}
"{{ 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 %}
Shopify代码如下图所示
15.点击Save保存
16.刷新网站
17.可见购物车图标已被隐藏。
如果您对Shopify改为B2B外贸网站有任何疑问,请咨询博主。
(图片来源:Shopify后台截图)
(文章来源微信官方账号:跨境出海干货实操)