シンプルテンプレート設定 | Shopper App

4. EC + SC (EN).png

12. ブランド會員購物 App.png

シンプルテンプレートは、選択できる幅広いパーツを提供する完全にカスタマイズ可能なトップページレイアウトです。特定のデザイン要件に合わせてパーソナライズおよび変更できます。

アプリがよりパーソナライズされたデザインを示し、オンラインストアと区別されることを望む場合は、「シンプルテンプレート」をお勧めします。オンラインストアのコンテンツがアプリのトップページに適していると思い、アプリのデザインに特別な努力をする気がない場合は、「モールテンプレート」をお勧めします。

 

シンプルテンプレートは主に4つのセクションに分かれています:

Screenshot

 

1. パーツエリア

シンプルテンプレートページに初めて入ると、トップナビゲーション、メンバーパーツ、アイコンパーツを含むナビゲーショングリッド、ボトムナビゲーションがデフォルトでプリセットされています。トップナビゲーションとボトムナビゲーションは削除できませんが、他の2つは削除または再配置できます。パーツをクリックすると、右側の編集エリアでそのパーツを設定できます。また、パーツの順序を調整したり、隠したり、削除したりすることもできます。

Screenshot_2023-05-29_at_9.18.21_AM.png

A. 調整が必要なパーツにマウスポインターをホバーすると、設定アイコンが次のように表示されます。

  • クリックして保持し、Screenshot_2023-05-26_at_12.46.50_PM.png パーツを上下にドラッグして位置を調整します
  • クリックするとScreenshot_2023-05-26_at_12.48.24_PM.png プレビューエリアでパーツが隠れ、クリックするとScreenshot_2023-05-26_at_12.48.34_PM.png パーツが再表示されます
  • クリックしてScreenshot_2023-05-26_at_12.51.02_PM.png パーツを削除します


B. パーツを追加する

アプリのレイアウトを豊かにするためにパーツを追加をクリックします。現在、シンプルテンプレートはデザインニーズを満たすために13のパーツをサポートしています。

Screenshot_2023-05-29_at_9.20.05_AM.png


「メンバーパーツ」をクリックして保持し、プレビューエリアに直接ドラッグします。青いエリアにドラッグして少し保持します。「ここにパーツを配置してください。」というリマインダーが「配置を確認」に変わると、パーツをそこに成功裏に配置できます。

Screenshot

 

 

2. プレビューエリア

シンプルテンプレートの設定プロセス中に、プレビューエリアからデザイン効果を直接体験できます。ここで見える効果は、アプリでの実際の表示と同じです。

プレビューエリアの特定のパーツをクリックすると、下の画像に示す3つのボタンが表示されます。Screenshot_2023-05-26_at_1.02.09_PM.pngをクリックしてパーツを上に移動し、Screenshot_2023-05-26_at_1.02.15_PM.pngを下に移動し、Screenshot_2023-05-26_at_12.51.02_PM.pngをクリックしてパーツを削除します。

Screenshot

 


3. 編集エリア

パーツエリアまたはプレビューエリアでパーツを選択すると、その特定のパーツに対応する編集設定が右側に表示されます。提供されたオプションに基づいて情報を入力してください。

Screenshot

 


4. ボタンエリア

ボタンエリアの左側にあるドロップダウンメニューをクリックすると、ページ間を切り替えることができます。右側には「保存」と「更新して使用」のボタンがあります:作業が完了した後にデザインをアプリに同期したくない場合は保存をクリックし、同期したい場合は更新して使用をクリックしてください。

これまでに何も公開していない場合、設定時に[Shopper App管理] > [アプリ公開設定]に移動してコンテンツを公開する必要があります。変更は、公開が成功した後にアプリに反映されます。初回の公開後は、更新して使用をクリックした後、コンテンツがすぐに有効になります。

*注:設定しているパーツが最新の更新されたパーツである場合、アプリを最新バージョンに更新した後にのみ有効になります。

スクリーンショット

 

 

 

続きを読む

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント