# 無料テーマのカートアイコン変更方法 **URL:** \ **Category:** Shopify テーマ\ **Created:** [November 16, 2020, 11:59am UTC](https://community.shopify.com/t/topic/25180 "2020-11-16T11:59:53Z")\ **Posts on this page:** 4\ **Page:** 1 ## 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` を中心に確認する流れで継続中。
**Author:** ![Anonymous\_de5baec29203c26fa60631f4daff4765](https://avatars.discourse-cdn.com/v4/letter/a/87869e/32.png) [@Anonymous\_de5baec29203c26fa60631f4daff4765](https://community.shopify.com/u/Anonymous_de5baec29203c26fa60631f4daff4765)\ **Post date:** [November 16, 2020, 11:59am UTC](https://community.shopify.com/t/topic/25180/1 "2020-11-16T11:59:53Z")
無料テーマのカートアイコンを変えたくてliquidを見ているのですが、該当場所が分かって、どのように変えればいいか分かりません。 教えていただけますか？ iconファイルはpngかsvgを考えています。 ![スクリーンショット 2020-11-16 20.42.47.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/5/6/560ca96a83689e2236976dd136b18ebc27e3f87b.png) ---
**Author:** ![whiplash](https://avatars.discourse-cdn.com/v4/letter/w/e8c25b/32.png) [@whiplash](https://community.shopify.com/u/whiplash)\ **Post date:** [November 16, 2020, 3:47pm UTC](https://community.shopify.com/t/topic/25180/2 "2020-11-16T15:47:40Z")
カートのアイコンの際は、theme.scssではなく、snippetsのicon-cart.liquidというファイルです。 差し替える際は、svgファイルのほうが簡単に插入しやすいです。 ![スクリーンショット 2020-11-17 0.45.46.png](https://canada1.discourse-cdn.com/shopifyforum/original/2X/8/8ac8bc688ee9f2ff3cfac68a11779b47b0e29b8a.png) ---
**Author:** ![Anonymous\_de5baec29203c26fa60631f4daff4765](https://avatars.discourse-cdn.com/v4/letter/a/87869e/32.png) [@Anonymous\_de5baec29203c26fa60631f4daff4765](https://community.shopify.com/u/Anonymous_de5baec29203c26fa60631f4daff4765)\ **Post date:** [November 16, 2020, 4:01pm UTC](https://community.shopify.com/t/topic/25180/3 "2020-11-16T16:01:02Z")
ご回答ありがとうございます。 ただ無料テーマが違うのかSnippets内の構成が違うようです。 私が使用している無料テーマはSupplyになります。 ![スクリーンショット 2020-11-17 0.57.07.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/4/1/41a26dfc17595f6480ceff816fa5fb9535a64d82.png) ---
**Author:** ![whiplash](https://avatars.discourse-cdn.com/v4/letter/w/e8c25b/32.png) [@whiplash](https://community.shopify.com/u/whiplash)\ **Post date:** [January 12, 2021, 4:01pm UTC](https://community.shopify.com/t/topic/25180/4 "2021-01-12T16:01:08Z")
@Anonymous_de5baec29203c26fa60631f4daff4765 中山さん もしかしたら、header.liquidの中にカートのアイコンを変えられると思います。 ```markup {{ 'layout.cart.cart' | t }} {{ cart.item_count }} ``` pngなので、こちらのコードを参考にしてみてください