OS 3.0 テーマへのアプリの統合

OS 3.0 テーマでは、アプリブロックとアプリ埋め込みの2つの方法を使用して、ストアにアプリを統合できます。これらの統合オプションにより、ストアフロントでアプリの表示方法や機能をカスタマイズでき、より柔軟で魅力的なショッピング体験を構築するのに役立ちます。

各方法には、テーマ構造、アプリ機能、および使用ケースに応じて、独自の利点と制限があります。このガイドでは、アプリブロックとアプリ埋め込みの違い、テーマエディタでの設定方法、および各統合方法をサポートするアプリ機能について説明します。

アプリ統合タイプの理解

このセクションでは、アプリブロックとアプリ埋め込みのコアの違いを比較し、それぞれの機能、柔軟性、および開発者主導のカスタマイズのレベルを含めます。

アプリブロックの設定

アプリブロックを使用すると、商品ページやトップページなど、ストアフロントの特定のセクションにアプリ提供の機能を挿入できます。これらのブロックをドラッグ＆ドロップして、レイアウトの好みに基づいて順序を調整できます。

アプリブロックを有効にする方法

1. SHOPLINE 管理画面から、オンラインストア > デザインに移動します。
   
2. マイテーマタブで、現在のテーマセクションを見つけてデザインをクリックします。
   
3. テーマエディタで、アプリブロックを追加する2つの方法があります：

方法1：ページモジュールの下にアプリブロックを追加する

1. 左のサイドバーでコンポーネントアイコンをクリックします。該当するページモジュールの下でコンポーネントを追加をクリックし、次にアプリタブに切り替えて追加したいアプリを選択します。
   
2. 選択したアプリが該当するページモジュール内に表示されます。必要に応じて設定を構成し、保存をクリックして変更を適用します。
   

方法2：セクション内にアプリブロックを追加する

1. ターゲットセクション（例えば、商品情報セクションの下の商品）に移動し、該当するページセクションの横にある+アイコンをクリックします。アプリタブに切り替えて追加したいアプリを選択します。
   
2. 選択したアプリが指定されたブロック内に表示されます。必要に応じて設定を構成し、保存をクリックして変更を適用します。
   

アプリ埋め込みの設定

アプリ埋め込みを使用すると、特定のセクションに追加することなく、ストアフロント全体でアプリ機能を有効にできます。

アプリ埋め込みを有効にする方法

1. SHOPLINE 管理画面から、オンラインストア > デザインに移動します。
   
2. マイテーマタブで、現在のテーマセクションを見つけてデザインをクリックします。
   
3. テーマエディタで、左のサイドバーにあるアプリ埋め込みアイコンをクリックします。有効にしたいアプリをトグルオンし、保存をクリックして変更を適用します。
   

統合タイプ別のサポートアプリ

このセクションでは、機能別にテーマエディタでサポートされているすべてのアプリ機能と、適用可能な統合方法（アプリブロックまたはアプリ埋め込み）をリストします。