# ヘッダーアイコンのカスタマイズについて **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [August 2, 2023, 1:17pm UTC](https://community.shopify.com/t/topic/237783 "2023-08-02T13:17:21Z")\ **Posts on this page:** 4\ **Page:** 1 ## AI-generated summary Dawnテーマのバージョンアップに伴い、ヘッダーアイコンのカスタマイズ方法が変更された問題について質問と解決策が共有されています。 **主な問題点:** - 虫眼鏡検索アイコンのカスタマイズ方法が以前のバージョンと異なる - 前バージョンで使用していた`header.liquid`内のコードが見つからない **解決策:** - Dawn 10.0.0以降、検索アイコンのコードは`header.liquid`から`header-search.liquid`に移動 - 該当ファイル内の特定のコードを置換することで対応可能 **追加の質問:** 質問者は、アカウントアイコンをヘッダー内に表示させる方法についても質問。回答者は`header.liquid`内の特定の行にコードを追加する方法を提案し、スマホサイズでハンバーガーメニューの右側にアイコンが表示されるようになると説明しています。 質問者は最初の問題について解決できたことを報告しており、スレッドは継続中です。
**Author:** ![8910](https://avatars.discourse-cdn.com/v4/letter/8/ee59a6/32.png) [@8910](https://community.shopify.com/u/8910)\ **Post date:** [August 2, 2023, 1:17pm UTC](https://community.shopify.com/t/topic/237783/1 "2023-08-02T13:17:21Z")
現在使っているテーマ「Dawn」のVerアップに伴い、再度質問させて頂きます。 ヘッダーアイコンの虫眼鏡検索アイコンのカスタマイズ方法を教えて頂きたいです。 ・通常時 ・虫眼鏡検索アイコンを押した後に現れる、検索バーに表示される虫眼鏡検索アイコン ・検索結果で表示される虫眼鏡検索アイコン 部分的な回答でも問題ないです。ご協力頂ける方がいましたら、よろしくお願いします。 （前Verで教えて頂いた対応方法を記述しておきます。header.liquidの中身がアップデートで変わった？ことで、対象のコードが見つからなくなりました、、） 1. 「header.liquid」を検索し表示 2. 以下のコードを置換 3. 変更が終わったら保存 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [August 3, 2023, 8:23am UTC](https://community.shopify.com/t/topic/237783/2 "2023-08-03T08:23:25Z")
@8910 ご質問いただいている、Dawnヘッダーの虫眼鏡検索アイコンを変更する件ですが、Dawn バージョン10.0.0より『header.liquid』から『 **header-search.liquid** 』にコードの格納場所が変更となっております。 『 **header-search.liquid** 』の以下のコードを置換 ```markup ``` ↓ ```markup ``` ご参考まで。 (キュー小坂) ---
**Author:** ![8910](https://avatars.discourse-cdn.com/v4/letter/8/ee59a6/32.png) [@8910](https://community.shopify.com/u/8910)\ **Post date:** [August 3, 2023, 10:30am UTC](https://community.shopify.com/t/topic/237783/3 "2023-08-03T10:30:19Z")
ありがとうございます！ 対応できました。 他にもVerアップデートによって対応の仕方が分からなくなったカスタマイズがありまして、、 もしお時間ありましたらご回答頂けますと幸いです。 ブラウザからサイトを見た時、アカウントアイコンをヘッダー内に表示させる 前Ver時の質問スレッド↓ [https://community.shopify.com/topic/1971160](https://community.shopify.com/topic/1971160) よろしくお願いします！ ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [August 7, 2023, 8:19am UTC](https://community.shopify.com/t/topic/237783/4 "2023-08-07T08:19:05Z")
@8910 アカウントアイコンをヘッダー内に表示させるの件ですが、 こちらは、header.liquidより『{%- if section.settings.logo\_position != ‘middle-center’ -%}』を検索いただき、その上の行に下記の記事でご提示したコードを追加いただければ、スマホサイズの際ハンバガーメニューの右側にアカウントアイコンが表示するかと思います。 [https://community.shopify.com/topic/1971160](https://community.shopify.com/topic/1971160) ご参考まで。 (キュー小坂)