無料テーマのRefreshテーマを使用し構築しています。
フッターだけでなく、ヘッダーにもSNSアイコンを表示させたいです。
Dawnでの方法は見つけることができたのですが、Refreshテーマでの方法をご教授いただけると嬉しいです。
サーチアイコン、カートアイコンの横に表示できたらなと思っております。
よろしくお願いいたします。
Topic summary
ユーザーがRefreshテーマでヘッダーにSNSアイコンを表示させる方法を質問。Dawnテーマでの方法は見つかったが、Refreshテーマでの実装方法を知りたいとのこと。
解決方法:
footer.liquidのfooter__list-social要素をコピーheader.liquidのheader__icons内の任意の場所にペースト
テーマ別の対応手順:
- 検証ツールで編集したい要素のクラス名を確認
- VSCodeなどのエディタでテーマを開く
- クラス名で検索して該当箇所を編集
最終的にユーザーは無事実装に成功し、解決済みとなった。
Hiroseさま
ご質問拝見いたしました。
テーマによって構造が違うのでややこしいですよね、、、
Refreshテーマの場合はfooter.liquidのfooter__list-socialという要素でSNSアイコンを表示していますので、
そのままheader.liquidのheader__icons内のお好きな箇所にコピペすることで表示されるかと存じます。
テーマごとにファイル名は異なりますが、icon、header、footerといった共通のワードが使用されていることが多いので、別テーマでの方法しか見つからない場合は以下お試しください。
-
検証ツールで編集したい要素のクラス名を確認
-
テーマをVSCodeなどのエディターで開く
-
クラス名で検索をかける
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
無事、実装できました！
ありがとうございました。