Dawnテーマのバージョンアップに伴い、ヘッダーアイコンのカスタマイズ方法が変更された問題について質問と解決策が共有されています。
主な問題点:
header.liquid内のコードが見つからない解決策:
header.liquidからheader-search.liquidに移動追加の質問:
質問者は、アカウントアイコンをヘッダー内に表示させる方法についても質問。回答者はheader.liquid内の特定の行にコードを追加する方法を提案し、スマホサイズでハンバーガーメニューの右側にアイコンが表示されるようになると説明しています。
質問者は最初の問題について解決できたことを報告しており、スレッドは継続中です。
現在使っているテーマ「Dawn」のVerアップに伴い、再度質問させて頂きます。
ヘッダーアイコンの虫眼鏡検索アイコンのカスタマイズ方法を教えて頂きたいです。
・通常時
・虫眼鏡検索アイコンを押した後に現れる、検索バーに表示される虫眼鏡検索アイコン
・検索結果で表示される虫眼鏡検索アイコン
部分的な回答でも問題ないです。ご協力頂ける方がいましたら、よろしくお願いします。
（前Verで教えて頂いた対応方法を記述しておきます。header.liquidの中身がアップデートで変わった？ことで、対象のコードが見つからなくなりました、、）
「header.liquid」を検索し表示
以下のコードを置換
↓変更が終わったら保存
ご質問いただいている、Dawnヘッダーの虫眼鏡検索アイコンを変更する件ですが、Dawn バージョン10.0.0より『header.liquid』から『header-search.liquid』にコードの格納場所が変更となっております。
『header-search.liquid』の以下のコードを置換
↓
ご参考まで。
(キュー小坂)
ありがとうございます！
対応できました。
他にもVerアップデートによって対応の仕方が分からなくなったカスタマイズがありまして、、
もしお時間ありましたらご回答頂けますと幸いです。
ブラウザからサイトを見た時、アカウントアイコンをヘッダー内に表示させる
前Ver時の質問スレッド↓
https://community.shopify.com/topic/1971160
よろしくお願いします！
アカウントアイコンをヘッダー内に表示させるの件ですが、
こちらは、header.liquidより『{%- if section.settings.logo_position != ‘middle-center’ -%}』を検索いただき、その上の行に下記の記事でご提示したコードを追加いただければ、スマホサイズの際ハンバガーメニューの右側にアカウントアイコンが表示するかと思います。
https://community.shopify.com/topic/1971160
ご参考まで。
(キュー小坂)