アイコン付きナビゲーショングリッドパーツ｜Shopper App

SHOPLINE管理者に移動し、> [Shopper App管理] > [アプリデザイン] > [トップページデザイン] > [現在のテンプレート]を選択します。セットアップをクリックしてアプリページエディタに入ります。

 

ステップ2

左側のアイコン付きナビゲーショングリッドをクリックするか、プレビューエリアの「アイコン付きナビゲーショングリッド」要素をクリックしてアイコンを編集します。要素が一度削除された場合は、⊕ 要素を追加をクリックして要素をアプリに戻します。

• アイコンをクリックしてドラッグし、要素の位置を上下に移動します。アイコンをクリックして要素を非表示/削除します。
• プレビューエリアのとアイコンをクリックして要素を上下に移動します。アイコンをクリックして要素を削除します。

*Note: アイコンを設定していない場合、「アイコン付きナビゲーショングリッド」要素はデフォルトで「マイオーダー」と「カスタマーサービス」のアイコンを表示します。アイコン付きナビゲーショングリッド要素は最大1つ追加できます。

 

ステップ3

右側の設定を編集します。

i. 表示タイトルのトグル

• 表示タイトルのトグルはデフォルトでオフになっています。
• トグルがオンになると、デフォルトのタイトル「共通サービス」が表示されます。タイトルのテキストをカスタマイズできます。
  

 

ii. 列

• 表示する列の数を選択できます。たとえば、8つのナビゲーショングリッドを設定し、4列で表示すると、アプリは2行で表示します。
• スライダーを動かして列の数を変更します。

 

iii. アイコンサイズ

小、中、大のサイズから選択できます。

 

iv. リリーススケジュール

これは任意のフィールドです。ナビゲーショングリッドの開始時間と終了時間を設定するには、フィールドの右側にある「カレンダー」アイコンをクリックします。

 

ステップ4

アイコンを追加をクリックして、さらにアイコンを追加します。最大10個のアイコンを追加できます。

 

ステップ5

新しく追加したアイコンの内容を設定できます。「デフォルトアイコンリスト」と「カスタマイズアイコンリスト」の2つのオプションがあります。

 

i. デフォルトアイコンリストでアイコン内容を設定

A. アイコン内容を選択します。

「アイコン内容を選択」の下のドロップダウンメニューを開いて、追加するアイコンを選択します。ストアリファラー、ストアピックアップ、ウィッシュリストなどの項目を選択できます。

*Note:

グレーアウトされたアイコンは選択できません。「(追加済み)」とマークされたアイコン内容は、すでにアプリに追加されており、再度追加することはできません。「(未設定)」とマークされたアイコン内容は、まだ有効になっていません。これらのアイコン内容機能を有効にして、アプリに追加できるようにしてください。各アイコン内容を有効にする方法は以下の通りです：

• ウィッシュリスト： SHOPLINE管理者に移動し、> [アプリ] > [アプリストア] で機能をインストールします。
• ストア情報： ONE Omni-Channelでストア情報を維持している場合、またはSHOPLINE管理者に1つ以上のストア情報レコードがある場合、> [Shopper App管理] > [アプリ設定] > [ストア情報設定]、ストア情報機能を有効にできます。
• ストアリファラル： SHOPLINE管理者に移動し、> [Shopper App管理] > [アプリ設定] > [ストア情報設定]で機能を有効にします。
• ストアピックアップ： リテールPOSプランを持ち、「オンラインで購入し、店舗で受け取る」アプリをインストールしている場合、ストアピックアップ機能が有効になります。

 

B. アイコン画像を選択します。

内容を設定した後、システムはデフォルトで「デフォルトアイコン画像」を設定します。

 

「カスタマイズアイコン画像」を選択し、修正用の新しい画像を追加することもできます。+ 画像を追加をクリックして、ブランドのビジュアルスタイルに合った画像を追加します。

 

ii. カスタマイズアイコンリストでアイコン内容を設定

A. アイコンタイトルを入力します。

B. ジャンプリンクを選択します。 ジャンプリンクオプションには、「カテゴリ、プロモーション、カスタムURL」の3種類があります。

• カテゴリ
  「カテゴリ」をチェックしたビジネスオーナーの方は、⊕ 商品カテゴリを選択をクリックし、ポップアップウィンドウで適切なカテゴリを選択してください。確認後、確認をクリックします。商品リストパーツの設定方法についての詳細は、この記事を参照してください。
  
  
   
• プロモーション
  「プロモーション」をチェックしたビジネスオーナーの方は、⊕ プロモーションキャンペーンを選択をクリックし、ポップアップウィンドウで希望のキャンペーンを選択してください。確認後、確認をクリックします。プロモーションパーツの設定方法についての詳細は、この記事を参照してください。
  
  
   
• カスタムURL
  「カスタムURL」をクリックしたビジネスオーナーの方は、フィールドにリンクを入力してください。入力したリンクは「https://」または「http://」で始まる必要があります。
  

C. アイコン画像を追加するには、+ 画像を追加をクリックします。

 

*注： 「マイオーダー」と「カスタマーサービス」のアイコンは、カスタマイズされたアイコンリストの設定をサポートしています。

 

ステップ6

「アイコン付きナビゲーショングリッド」パーツの追加が完了したら、保存をクリックして変更を保存できます。全てのトップページの編集が完了したら、更新して使用をクリックして、アプリに変更を公開します。