FROM CACHE - jp_header

無料テーマのカートアイコン変更方法

中山拓
訪問者
2 0 0

無料テーマのカートアイコンを変えたくてliquidを見ているのですが、該当場所が分かって、どのように変えればいいか分かりません。
教えていただけますか?
iconファイルはpngかsvgを考えています。

スクリーンショット 2020-11-16 20.42.47.png

3件の返信3

whiplash
探検家
48 0 15

カートのアイコンの際は、theme.scssではなく、snippetsのicon-cart.liquidというファイルです。
差し替える際は、svgファイルのほうが簡単に插入しやすいです。

 

スクリーンショット 2020-11-17 0.45.46.png

中山拓
訪問者
2 0 0

ご回答ありがとうございます。
ただ無料テーマが違うのかSnippets内の構成が違うようです。
私が使用している無料テーマはSupplyになります。

スクリーンショット 2020-11-17 0.57.07.png

whiplash
探検家
48 0 15

@中山拓 

中山さん

もしかしたら、header.liquidの中にカートのアイコンを変えられると思います。

<a href="{{ routes.cart_url }}" class="header-cart-btn cart-toggle">
          <img src="{{ 'cartImg.png' | asset_url }}" alt="{{ shop.name }}" itemprop="logo">
          {{ 'layout.cart.cart' | t }} <span class="cart-count cart-badge--desktop {% if cart.item_count == 0 %}hidden-count{% endif %}">{{ cart.item_count }}</span>
        </a>


pngなので、こちらのコードを参考にしてみてください