![見出し画像](https://assets.st-note.com/production/uploads/images/70921502/rectangle_large_type_2_d5b5980e4d0524d63d032d71bbf3f815.png?width=1200)
[Shopify]コピペで簡単!LINEリンクバナーを固定する(Dawn)26/100
こんにちは。Shopify専門フロントエンジニアのまりん(@crowd37cord)です。
LINEのリンクバナーを設置できるセクションを作成しました!少しスクロールするとふわっと表示されます。TOPページや商品ページ、または、全ページに設置などお好きなところにぜひ。
バナーはPCとSPでそれぞれの画像を挿入。
対象テーマ:Dawn
✔️今回のゴール
スクロールするとある地点でふわっと出てきます。
✔️CMSの特徴
![](https://assets.st-note.com/img/1643368498717-8E4WMJulGd.png?width=1200)
![](https://assets.st-note.com/img/1643368568923-8oOp0jTK3B.png)
・PC用バナーとSP用バナー設置
・リンク先(LINEアカウントのURLを貼り付け)
・バナー横幅設定(PC &SP)
✔️設置方法
Step1 管理画面>テーマ>コードを編集>Sectionsの新しいSectionを追加するを選択
![](https://assets.st-note.com/img/1643367823629-oSZlYWhRqf.png?width=1200)
ファイル名はなんでもOKです。
今回は、malin-line-floatにしてみました。
Step2 以下のコードをコピペ
作成したセクションファイル内のデフォルトコードを削除し、以下のフルコードをコピペし保存。
ここから先は
2,310字
/
4画像
この記事のみ
¥
500
期間限定!Amazon Payで支払うと抽選で
Amazonギフトカード5,000円分が当たる
Amazonギフトカード5,000円分が当たる
この記事が気に入ったらチップで応援してみませんか?