カテゴリページ | Shopper App

4. EC + SC (EN).png

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

ボトムナビゲーションにカテゴリーページのパスを設定し、顧客がそのパスをタップすることでネイティブカテゴリーページに入れるようにします。カテゴリーページの表示スタイルをカスタマイズできます。EC H5ページから商品カテゴリーページを開くと、EC H5カテゴリーページに入ります。

 

ステップ 1

SHOPLINE管理画面で、[Shopper App管理] > [アプリデザイン] > [カテゴリーページ]に移動します。設定をクリックして編集ページに入ります。

Screenshot 2025-09-02 at 3.06.39 PM.png

 

ステップ 2

カテゴリーページのスタイルを選択します。システムはデフォルトでプレーンテキストリストを選択します。

EN2.png

 

① プレーンテキストリストを選択した場合

トグルボタンを切り替えて、売り切れまたは非表示の商品をそれぞれ表示するように設定します。

EN3.png

 

② 画像付きテキストリストを選択した場合

  • カテゴリ画像を設定します:カテゴリの最小レイヤーの画像を設定できます。サブカテゴリの右側にカーソルをホバーし、1.5_ver_ZHa.pngアイコンをクリックして画像を追加します。推奨画像サイズは160*160です。

EN4.png

  • トグルボタンを切り替えて、売り切れまたは非表示の商品をそれぞれ表示するように設定します。

EN3.png

*注意:

  1. システムはデフォルトでオンラインストアのすべてのカテゴリの公開ステータスを同期します。これにはカテゴリーバナーと名前が含まれます。変更したい場合は、[商品&カテゴリ] > [分類]に移動します。変更後、アプリには約1〜1.5時間のキャッシュがあります。
  2. カテゴリを画像付きテキストリストとして表示する場合、アプリは各サブカテゴリの最初の商品画像をカテゴリ画像として使用します。
  3. カテゴリーページをタップすると、顧客はネイティブ商品リストページに入ります。売り切れ商品と非表示商品の設定も商品リストページに同期されます。

 

ステップ 3

設定後、中央のプレビューエリアで表示を確認し、更新して使用をクリックしてアプリを更新します。

Screenshot 

 

 

 

 

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

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

コメント