# カートボタンのデザイン変更は出来ますか？ **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [June 27, 2022, 8:30am UTC](https://community.shopify.com/t/topic/130951 "2022-06-27T08:30:09Z")\ **Posts on this page:** 3\ **Page:** 1 ## AI-generated summary DAWNテーマのヘッダーのカートアイコンを白いバッグから一般的な黒いショッピングカートへ変更したいという相談。 - 回答：ShopifyのDAWNではicon-cart.liquidとicon-cart-empty.liquid（空カート）でアイコンを制御。希望のSVGアイコンにファイル内のコードを置き換えれば変更可能。 - 手順：紹介された素材サイトからSVGをダウンロードし、該当ファイルにドラッグ＆ドロップするとSVGコードが自動挿入。参考スクリーンショットとリンクが提示。 - 用語補足：LiquidはShopifyのテンプレートファイル形式、SVGは拡大縮小に強いベクター画像形式のアイコン。 - 結果：質問者は案内通りに実施して無事に変更完了。議論は解決済みで追加アクションや未解決点はなし。
**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\ **Post date:** [June 27, 2022, 8:30am UTC](https://community.shopify.com/t/topic/130951/1 "2022-06-27T08:30:09Z")
ヘッダーのカートボタンですが、 このデザインを変更することは出来ますか？ 今使用しているDAWNテーマのボタンが、白いバッグのようなデザインで少しわかりづらいので、よくある黒いショッピングカートのようなボタンに出来ればと思っています。 コードなどもあまり詳しくありませんが、どなたかご教授いただければ幸いです。 ---
**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\ **Post date:** [June 28, 2022, 12:59am UTC](https://community.shopify.com/t/topic/130951/2 "2022-06-28T00:59:29Z")
Curry313さま フルバランス株式会社の園畑です。 カートデザインの変更って出来るのかよくわからなくて難しそうに感じますよね。 DAWNの場合、icon-cart.liquidとicon-cart-empty.liquid(カートが空の時)の2ファイルでカートのデザインを設定しているため、ファイル内のコードを変更したいカートデザインのものに変更すれば対応が可能です。 ![スクリーンショット 0004-06-28 9.26.36.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/4/1/c/41c46097776d9ee0305b8772ce381a459f48653b.png) 具体的には、以下のようなサイトからSVGファイルをダウンロードし、 icon-cart.liquidとicon-cart-empty.liquidにドラッグ&ドロップしていただけましたら、svgのコードが自動的に表示されますので一度お試しくださいませ。 [https://icooon-mono.com/00120-%E3%82%AB%E3%83%BC%E3%83%88%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E7%B4%A0%E6%9D%90/](https://icooon-mono.com/00120-%E3%82%AB%E3%83%BC%E3%83%88%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E7%B4%A0%E6%9D%90/) また、お困りのことがあれば是非ご質問くださいね。 ---
**Author:** ![curry313](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@curry313](https://community.shopify.com/u/curry313)\ **Post date:** [June 28, 2022, 1:30am UTC](https://community.shopify.com/t/topic/130951/3 "2022-06-28T01:30:04Z")
フルバランス株式会社 園畑様 お世話になります。 ご丁寧な解説ありがとうございます。 ご案内の通りで無事に変更が出来ました。 いつも本当にありがとうございます。