<aside> 💡 LINE連携ボタンや入荷通知のボタンを設置する際に、使用しているテーマによってはテンプレートの編集が必要です。この作業を行うことで、各種ボタンを簡単にテーマの中に設置することが可能になります。
</aside>
👉 使用しているテーマがOnline Store 2.0テーマではない場合
▼参考
ビンテージテーマを使用している企業様はまず下記に記載の作業を行ってください。
▼ビンテージテーマの見分け方
Shopify管理画面メニュー「オンラインストア」>「テーマ」から”アクション(Action)”>”コードを編集”を選択。
Template配下の”customers/account”のファイル名末尾を確認
customers/account.liquid
→ヴィンテージテーマのため事前の作業が必要
customers/account.json
→Online Store 2.0 対応のため作業は不要
<aside> ⚠️ 下記テーマをご利用中の場合は、JSONテンプレートに対応していないため、コードを直接ページに埋め込む方法でボタンを設置する必要がございます。下記に当てはまる場合はこちらの作業を行ってください。
▼コードの埋め込みが必要なテーマ
warehouse
Debut
Prestige
minimal
Impulse
Steam line
Colors
Narrative
Dawn
Boundless
Sense
</aside>
<aside> ⚠️ 編集の前に!
「Shopify管理画面メニュー「オンラインストア」>「テーマ」から"アクション(Action)">"複製"を選択し、テーマ変更前のバックアップを必ず作成してください。
以下↓の手順はコードを編集するというデリケートな作業のため、複製したテーマで行い、問題がなければ公開を行なってください。
</aside>
Shopify管理画面メニュー「オンラインストア」>「テーマ」から”アクション(Action)”>”コードを編集”を選択。
Sections配下に、 main-account.liquid
を作成
2で作成したmain-account.liquidを編集。Templates配下にあるcustomers/account.liquid
の中身をコピーして貼り付け。
※貼り付けをする際に、main-account.liquid内にコードが入っていた場合は、既存のコードを全て削除してから貼り付けを行ってください。