アプリにオンラインストアのトップページをワンクリックで迅速に同期するために、モールテンプレートを使用できます。編集を行うことなく、オンラインストアの最新情報をリアルタイムでアプリに同期します。
*Note：現在のモールテンプレートは、ショップビルダーをサポートするトップページのコンテンツのみを同期します。トップページがショップビルダーを使用していない場合、アプリは同期をサポートしません。
この記事では以下の内容を扱います：
1. セットアップ手順
ステップ 1
SHOPLINE 管理画面に移動 > [Shopper App 管理] > [アプリデザイン] > [トップページデザイン] > [現在のテンプレート]。「モールテンプレート」の横にあるセットアップをクリックして、アプリページエディタに入ります。
*注意：アプリデザインページに「ページ/パーツの更新アラート」のポップアップウィンドウが表示された場合は、「今すぐアップグレード」をクリックして管理者で機能をアップグレードしてください。「アップグレードをキャンセル」をクリックすると、オンラインストアのトップページの内容は同期されません。
ステップ 2
モールテンプレート編集ページに到達すると、ポップアップリマインダーが表示されます。ウィンドウを閉じるには了解をクリックしてください。
ステップ 3
左側の要素メニューと中央のプレビューエリアは、オンラインストアのトップページのコンテンツを自動的に同期します。トップナビゲーションバーとボトムナビゲーションバーの他に、他の同期された要素はこのページで再編集したり設定したりすることはできません。 [オンラインストアデザイン] > [ページ]に移動してウィジェットを修正してください。
プレビューエリアのコンテンツは、アプリでの表示と一致しています。プレビューエリアに空白のページが表示され、サポートされている要素がないというプロンプトが表示される場合、オンラインストアのトップページがSHOPビルダーを使用していないか、トップページのウィジェットが同期できない可能性があります。
*同期に関する注意事項：
- 10個のページウィジェットの同期をサポートします：お知らせバナー、テキスト、ギャラリー、テキスト付き画像、スライダー、動画グループ、カテゴリ、商品スライダー、商品リスト、テキスト付き商品。
- 折りたたみ段落、ブログ、Instagram、定期購入、カスタムリキッド、カウントダウンなどのウィジェットは、現在同期をサポートしていません。
- ヘッダーとフッターは、現在同期をサポートしていません。
- カラー > お知らせバナーの設定のみがストア設定 で同期できます。他の設定は現在同期をサポートしていません。
ステップ 4
左のメニューでトップナビゲーションとボトムナビゲーションをクリックし、右側で編集します。
設定については、以下の記事を参照してください。
*トップナビゲーション、ボトムナビゲーション、全体のカラー設定は、シンプルテンプレートと共有されています。1つのテンプレートで変更が行われた場合、他のテンプレートも自動的に同期されます。
ステップ 5
左のテーマ設定をクリックして、カラーと商品設定を構成します。設定については、以下の記事を参照してください：テーマ設定 | Shopper App。
*テーマ設定の設定は、シンプルテンプレートと共有されています。1つのテンプレートで変更が行われた場合、他のテンプレートも自動的に同期されます。
ステップ 6
右上の更新して使用をクリックして、更新を同期します。アプリが最新バージョンに更新されている場合、アプリを再起動すると、アプリ内のトップページがすぐに更新されます。アプリが最新バージョンに更新されていない場合は、まず更新してから同期されたトップページを表示してください。
*注意事項：
- 最新バージョンのアプリに更新していない顧客は、シンプルテンプレートの元のトップページを引き続き表示します。新しいアプリバージョンに更新した顧客は、最新のテンプレートコンテンツを表示します。したがって、しばらくの間はシンプルテンプレートの元のトップページコンテンツを維持することをお勧めします。
- モールテンプレートを使用している場合、オンラインストアのトップページが新しいページビルダーをサポートするページから通常のページに切り替わると、アプリのトップページは元のトップページのコンテンツを表示します。トップページのコンテンツは同期されません。
-
オンラインストアのトップページで同期可能なウィジェットコンテンツを更新すると、アプリに同期されます。
ステップ 7
[アプリデザイン]ページの「現在のテンプレート」セクションでは、アプリで使用しているテンプレートの横に「使用中」ラベルが表示されます。
2. ページウィジェットとアプリ要素の同期の違い
- お知らせバナー：タイトルは左揃えです。テキストが1行を超えると省略記号（「...」）が表示されます。タイトルがない場合、要素は同期されません。
- テキスト付き画像：アプリは画像なしのタイトルを同期しません。GIF画像を設定した後、アプリはデフォルトで最初のGIF画像を表示します。
- カテゴリ：アプリは、カテゴリに画像がない場合（またはその逆）や、商品に画像やカテゴリが設定されていない場合、要素を同期しません。
- 動画グループ：アプリはフル幅モード、オートプレイ、デフォルトミュート、または無効なURLの動画を同期しません。動画比率設定は同期されず、アプリはデフォルトの幅と比率で動画を表示し、デフォルトで動画の再生を一時停止します。
- 商品リスト：デフォルトで1行に2つの商品が表示されます。
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。
コメント