<aside> 💡 LINE連携ボタンや入荷通知のボタンを設置する際に、使用しているテーマによってはテンプレートの編集が必要です。この作業を行うことで、各種ボタンを簡単にテーマの中に設置することが可能になります。

</aside>

この作業が必要なケース


👉 使用しているテーマがOnline Store 2.0テーマではない場合

▼参考

テーマアーキテクチャのバージョン

ビンテージテーマを使用している企業様はまず下記に記載の作業を行ってください。

▼ビンテージテーマの見分け方

  1. Shopify管理画面メニュー「オンラインストア」>「テーマ」から”アクション(Action)”>”コードを編集”を選択。

    コードを編集(テーマ).png

  2. 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>

編集手順 - LINE連携ボタン


<aside> ⚠️ 編集の前に!

「Shopify管理画面メニュー「オンラインストア」>「テーマ」から"アクション(Action)">"複製"を選択し、テーマ変更前のバックアップを必ず作成してください。

以下↓の手順はコードを編集するというデリケートな作業のため、複製したテーマで行い、問題がなければ公開を行なってください。

</aside>

  1. Shopify管理画面メニュー「オンラインストア」>「テーマ」から”アクション(Action)”>”コードを編集”を選択。

  2. Sections配下に、 main-account.liquid を作成

    スクリーンショット 2022-06-07 17.09.52.png

    スクリーンショット 2022-06-07 17.10.04.png

  3. 2で作成したmain-account.liquidを編集。Templates配下にあるcustomers/account.liquidの中身をコピーして貼り付け。 ※貼り付けをする際に、main-account.liquid内にコードが入っていた場合は、既存のコードを全て削除してから貼り付けを行ってください。