Liquid、JavaScriptなどに関する質問
現在使っているテーマ「Dawn」のVerアップに伴い、再度質問させて頂きます。
ヘッダーアイコンの虫眼鏡検索アイコンのカスタマイズ方法を教えて頂きたいです。
・通常時
・虫眼鏡検索アイコンを押した後に現れる、検索バーに表示される虫眼鏡検索アイコン
・検索結果で表示される虫眼鏡検索アイコン
部分的な回答でも問題ないです。ご協力頂ける方がいましたら、よろしくお願いします。
(前Verで教えて頂いた対応方法を記述しておきます。header.liquidの中身がアップデートで変わった?ことで、対象のコードが見つからなくなりました、、)
<svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-search">
</svg>
↓
<a href="#icon-search">
<img src="コピーした対象画像のリンク" class="modal__toggle-open icon icon-search" id="icon-size" >
</a>
ご質問いただいている、Dawnヘッダーの虫眼鏡検索アイコンを変更する件ですが、Dawn バージョン10.0.0より『header.liquid』から『header-search.liquid』にコードの格納場所が変更となっております。
『header-search.liquid』の以下のコードを置換
<svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
<use href="#icon-search">
</svg>
↓
<a href="#icon-search">
<img src="コピーした対象画像のリンク" class="modal__toggle-open icon icon-search" id="icon-size">
</a>
ご参考まで。
(キュー小坂)
ありがとうございます!
対応できました。
他にもVerアップデートによって対応の仕方が分からなくなったカスタマイズがありまして、、
もしお時間ありましたらご回答頂けますと幸いです。
ブラウザからサイトを見た時、アカウントアイコンをヘッダー内に表示させる
前Ver時の質問スレッド↓
よろしくお願いします!
アカウントアイコンをヘッダー内に表示させるの件ですが、
こちらは、header.liquidより『{%- if section.settings.logo_position != 'middle-center' -%}』を検索いただき、その上の行に下記の記事でご提示したコードを追加いただければ、スマホサイズの際ハンバガーメニューの右側にアカウントアイコンが表示するかと思います。
ご参考まで。
(キュー小坂)
すべてのShopifyアカウントはデフォルトではmyshopify.comのURLと関連付けられており、これはアカウント設定時に使用したビジネス名に基づいて作成されます。しかし、オ...
By Nina_13 Nov 26, 2023このトピックは英語版コミュニティの投稿:Shopify Web Pixel Manager Sandbox FAQの日本翻訳です。
By Mirai Nov 19, 2023Shopifyの管理画面では、商品ごとや配送元のロケーション(倉庫)ごとにカスタム配送料を設定することができます。特に購入金額による送料無料設定は、顧客の購買意欲を高める効果的な手...
By Alex06 Nov 5, 2023