特集カテゴリーパーツ | Shopper App

4. EC + SC (EN).png
12. ブランド会員購物 アプリ.png

アプリ内でストアの選択したカテゴリを円形または四角形スタイルで表示し、顧客が各カテゴリの下にある商品をより簡単に閲覧できるようにし、購入コンバージョンを向上させます。

 

この記事では以下の内容を扱います:

 

1. おすすめカテゴリのパーツを設定する

ステップ 1

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

Screenshot 2025-09-02 at 1.37.54 PM.png

 

ステップ 2

要素を追加をクリックし、「特集カテゴリ」要素を選択します。要素を挿入できる位置にある中央のプレビューエリアにドラッグします。

Screenshot 2025-09-16 at 5.37.33 PM.png
Screenshot 2025-09-17 at 1.08.57 PM.png

 

ステップ 3

右側の編集エリアで以下の設定を完了します。

i. 画像スタイル

  • 円形

    Screenshot 2025-09-17 at 3.27.35 PM.png
  • 正方形

    Screenshot 2025-09-17 at 3.27.48 PM.png

 

ii. 画像サイズ

  • S

    Screenshot 2025-09-17 at 3.27.35 PM.png
  • M

    Screenshot 2025-09-17 at 3.29.27 PM.png
  • L

    Screenshot 2025-09-17 at 3.29.43 PM.png

 

iii. 行あたりのカテゴリ数

2から8のカテゴリを設定できます。

Screenshot 2025-09-17 at 4.22.04 PM.png

 

iv. タイトル

特集カテゴリのタイトルを最大100文字で入力します。

Screenshot 2025-09-17 at 4.23.59 PM.png

 

v. ボタンの表示

デフォルトで有効になっています。ボタンのテキストを編集できます。言語は少なくとも1つ必要で、各言語あたり最大20文字です。

Screenshot 2025-09-17 at 4.32.20 PM.png

 

vi. テキストの配置

この要素のタイトルの配置を設定します。

Screenshot 2025-09-23 at 11.30.55 AM.png

 

vii. リリーススケジュール(オプション)

リリース時間を設定した場合、指定した時間にアプリに要素が表示されます。

Screenshot 2025-09-16 at 6.09.36 PM.png

 

2. 商品カテゴリを選択

ステップ 1

左側のパネルに最大24のカテゴリを追加します。ここで特集カテゴリ要素を有効、無効、または削除することもできます。

Screenshot 2025-09-17 at 5.07.09 PM.png

 

ステップ 2

右側の編集パネルで商品カテゴリを選択をクリックします。

Screenshot 2025-09-17 at 5.08.17 PM.png

 

ステップ 3

商品カテゴリを選択した後、表示画像をカスタマイズするために画像を追加をクリックします。

*Note: 画像が追加されていない場合、システムは選択したカテゴリから自動的に商品画像を使用します。

Screenshot 2025-09-17 at 5.21.35 PM.png
Screenshot 2025-09-17 at 5.23.11 PM.png

 

3. アプリの表示効果

行あたりのカテゴリ数が画面表示制限を超えると、顧客は左右にスクロールして表示できます。

*Note: ボタンは[テーマ設定] > [色] > [ボタン]で設定した色を使用します。

GIF-vertical (3).gif

 

 

 

 

 

 

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

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

コメント