FROM CACHE - jp_header

Dawnテーマでカートボタンを消したい

初心者1121
観光客
13 0 0

shopifyをLPとして使いたいと考えております。

その際、カートボックスを削除したいのですが、どのようにコードを編集すればよいのでしょうか。

1件の返信1

koji_matsumoto
Shopify Partner
31 18 29

@初心者1121 様

サイト右上ヘッダー内のカートボタンを消す方法、と理解いたしました。

下記編集方法について記載いたします。

Sections/header.liquid の492行から509行目をコメントアウトするのが良いかと思います。

※念の為コメントアウトとは、コードではなくコメントとして認識させる方法です。実際削除してしまってもよいのですが、もし今後やっぱり使いたいとなった場合に復活できるように、「コードは残したまま読み込ませない状態」にしています。

 

コメントアウトは、下記のようにコードを包むことで可能です。

{% comment %}
[コード]
{% endcomment %}

 

492行から509行目に下記コードがあると思うので、こちらを上記のコメントアウトで包めば完了です。

      <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>

 

実際の記載イメージ画像も添付いたします。

ご参考になれば幸いです。

よろしくお願いいたします。

 

koji_matsumoto_0-1646369244943.png