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

AI-generated summary

無料のShopifyテーマでカートアイコンを変更したいという相談。対象はLiquid(Shopifyのテンプレート言語)で、最初はtheme.scssではなく、アイコン用のsnippets内ファイルを確認すべきという案内があった。

・一般的には snippets/icon-cart.liquid を差し替える方法が提案された。SVGのほうがコードへ直接挿入しやすく、PNGより扱いやすいという補足もあった。
・その後、利用テーマが「Supply」であり、snippetsの構成が異なることが判明。該当テーマでは header.liquid 内にカート表示部分があり、そこでアイコンを変更できる可能性が示された。

具体的には、{{ 'layout.cart.cart' | t }} {{ cart.item_count }} を含むヘッダー部分が確認箇所として提示され、PNGを使う場合の参考コードを試すよう案内されている。スクリーンショットは、ファイル構成と該当箇所の特定に重要な情報として使われている。

結論はまだ確定しておらず、テーマごとに実装場所が違うため、Supplyでは header.liquid を中心に確認する流れで継続中。

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

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

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

@Anonymous_de5baec29203c26fa60631f4daff4765

中山さん

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


          
          {{ 'layout.cart.cart' | t }} {{ cart.item_count }}
        

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