FROM CACHE - zh-cn_header

如何去掉或隐藏购物车按钮

dongfull
观光客
7 0 3

我们知道shopify可以快速建立起跨境电商网站,这是它最主要的应用场景。但其实,shopify的建站功能也非常强大,特别是英文版网站,无论从设计、排版、移动端与桌面端自适应等等,都非常方便。且网站建设完毕后非常国际化,是快速建站的最佳选择。

 

当我们网站处在前期品牌建设阶段,而暂时不需要在线购物功能时,如何隐藏或去掉购物车按钮呢?下面是一个解决办法:

 

进到源代码编辑界面,选择 “Section”,打开“header.liquid”,找到以下代码,并将其标为“注释”,即:<!--这里是注释-->。这里注意,不建议将代码删除喔,这样方便以后恢复。

 

如何去掉或隐藏购物车按钮如何去掉或隐藏购物车按钮

 

 <!--
      <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
        -%}
        <span class="visually-hidden">{{ 'templates.cart.cart' | t }}</span>
        {%- if cart != empty -%}
          <div class="cart-count-bubble">
            {%- if cart.item_count < 100 -%}
              <span aria-hidden="true">{{ cart.item_count }}</span>
            {%- endif -%}
            <span class="visually-hidden">{{ 'sections.header.cart_count' | t: count: cart.item_count }}</span>
          </div>
        {%- endif -%}
      </a>
     -->

 

 

这样,头部页面就没有“购物车”按钮了。

0 条回复0