![見出し画像](https://assets.st-note.com/production/uploads/images/147540871/rectangle_large_type_2_a13d93496f68a43773c39d9468f66883.png?width=1200)
[Shopify]広告バーをトップページのみに表示する・セクションテンプレート(Dawn) #131
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。
広告バーをトップページのみに表示させられるセクションテンプレートです。レイアウトは既存のDawnを使用しています^^
今回はシンプルなカスタマイズ🎶タグ2箇所埋め込むだけなので簡単。
対象テーマ:Dawn ver13
※その他のバージョンやテーマの場合は手動でタグを埋め込んだほうが良いです。
✔️今回のゴール
今回はデフォルト機能を使っているのでカスタマイズ画面の変更はありません。
![](https://assets.st-note.com/img/1721171836253-iVmEmi8r8N.png?width=1200)
今回はif文入れるだけなのでフルバージョンコードなしでも該当箇所に入れればOK。もしフルバージョンのコード使用する場合は下記でセクションが新規作成されています。
フルコードを使用した場合はセクション追加で「広告バー Topのみ」を選択して使用してください。
![](https://assets.st-note.com/img/1721171365374-FW47eQl8A9.png?width=1200)
【ご購入時のご注意】
※返金&サポート&コメント返信はしておりません。
※現時点の最新のDawnテーマをベースに作成してます。
※コード&設置方法のみのご紹介で解説などはしておりません。
※2024.7時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりレイアウト崩れることもありますので適当にCSSで調整していただければと思います。(メンバーシップでコメント頂いた場合は修正します)
✔️設定手順
📌Step1 新規セクション作成(お好みで。スキップしてもOK)
デフォルトのセクションで手動で該当箇所を挿入する場合はスキップして次のタグを該当箇所に埋め込んでください。
管理画面>テーマ>コード編集>セクション>新規追加
ファイル名はなんでもOK
→announcement-bar-showpageにしてみました
ここから先は
13,180字
/
3画像
この記事のみ
¥
800
この記事が気に入ったらサポートをしてみませんか?