![見出し画像](https://assets.st-note.com/production/uploads/images/126426841/rectangle_large_type_2_fb7e7156f30d428a8bd32891c4e254d3.png?width=1200)
[Shopify]ページ内リンクのメニューが簡単に作れるセクション #117 #temp-u
こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。
今日はシンプルなページ内リンクのメニューのセクション🎵LP作成時にトップに設置してページ内スクロールさせたりするのに使える。
ベーステーマ:Dawn
※他のテーマでも挿入できると思いますがレイアウト崩れるかもしれないのでその場合はご自身で調整してね
✔️今回のゴール
![](https://assets.st-note.com/production/uploads/images/126425812/picture_pc_5454ea72d19bddf4bd33bc5d7dcd13da.gif?width=1200)
🔸CMSの特徴
「セクション U-3」を選択
![](https://assets.st-note.com/img/1704187353098-sGrQs1SimV.png?width=1200)
3つまで追加できます
![](https://assets.st-note.com/img/1704187534301-Q9nBEP5ggm.png)
![](https://assets.st-note.com/img/1704187595245-24el8G4IHK.png?width=1200)
・画像
・テキスト
・リンク先
共通設定は下記
![](https://assets.st-note.com/img/1704187626293-eQAKCWigsk.png)
【ご注意】
※返金&サポート&コメント返信はしておりません。
※現時点の最新のDawnテーマをベースに作成してます。
※コードのみのご紹介で解説などはしておりません。
※2024.1時点のコードです。メンテナンスは今後する予定はありません。
※環境やバージョンによりレイアウト崩れることもありますので適当にCSSで調整していただければと思います。(メンバーシップでコメント頂いた場合は修正します)
✔️設定手順
Step1 新規セクション追加
1️⃣管理画面>コード編集>セクション>新規追加
![](https://assets.st-note.com/img/1704187703854-33HU2Hkt7C.png)
ファイル名はなんでもOK
→私はsection-temp-u-03で作成しました
ここから先は
10,315字
/
2画像
この記事のみ
¥
1,500
期間限定!Amazon Payで支払うと抽選で
Amazonギフトカード5,000円分が当たる
Amazonギフトカード5,000円分が当たる
この記事が気に入ったらチップで応援してみませんか?