商品リストパーツ | Shopper App

4. EC + SC (EN).png

12. ブランド会員ショッピングアプリ.png

アプリのトップページに商品リストパーツを追加して、売れ筋商品を表示し、顧客の注意を引くことができます。

 

ステップ 1

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

Screenshot 2025-05-29 at 1.30.55 AM.png

 

ステップ 2

要素を追加をクリックし、商品リスト要素を選択します。要素を挿入できるロケーションの中央のプレビューエリアにドラッグします。

Add_an_element_EN.png

EN3.png

 

ステップ 3

右側の編集エリアに要素のタイトルを入力します。

EN4.png

 

ステップ 4

フォントの配置と色を設定します。

EN5.png

 

ステップ 5

ボタンを表示するためにトグルをオンにすると、要素の下部にボタンが表示されます。ジャンプリンクは必要ありません。顧客はボタンをタップすると、商品を閲覧するためにネイティブの商品リストページに移動します。

EN6.png

 

ステップ 6

次に、商品または商品カテゴリを表示するように選択します。

EN7.png

 

A. 商品を選択する場合

必要な商品(最大500商品)のチェックボックスを選択し、確認をクリックして選択を保存します。

*注意:Shopper Appプラットフォームバージョン1.15以前に50商品以上を追加した場合、システムは最初の50商品を自動的に表示します。

Screenshot 2025-09-12 at 4.40.24 PM.png

 

B. 商品カテゴリを選択する場合

追加したいカテゴリのチェックボックスを選択し、確認をクリックして追加します。

ドロップダウンリストからサブカテゴリを追加するには、矢印アイコンをクリックします。

EN9.png

 

ステップ 7

表示スタイルを選択します。

A. 行ごとに表示する商品の数

1行に1商品または2商品を表示する2つのオプションがあります。

 

B. 商品の合計行数

無制限の行数(最大50)を設定するか、行数を固定できます。超過した行はアプリのトップページに表示されません。顧客は商品リストページで残りを表示するためにタップできます。

EN12.png

 

C. 商品情報を表示

表示したい商品情報のチェックボックスを選択します。

EN13.png

 

D. 商品表示ルール

売り切れや非表示の商品を表示するかどうかを決定できます。トグルをオンにして更新すると、顧客はアプリ内で非表示の商品を見ることができます。

EN14.png

*注意:

  1. 未公開の商品は自動的にフィルタリングされます。
  2. ここで設定した表示ルールは、「もっと見る」ボタンがジャンプする商品リストページに同期されます。
  3. 売り切れの商品を表示しないことを選択した場合、在庫が無限の商品もフィルタリングされます。
  4. 商品表示順序がカスタムソートの場合、「売り切れの商品を表示」トグルはオンになり、「非表示の商品を表示」はオフになり、ここでの設定とは無関係です。

 

ステップ 8

必要に応じてリリーススケジュールを設定します。

schedule_EN.png

 

ステップ 9

保存更新をクリックして、アプリの設定を更新します。

EN15.png

 

 

 

 

 

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

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

コメント