グローバルテーマ設定の構成

Shopper Appでは、テーマ設定ページでアプリのグローバルデザイン設定を構成できます。ここでは、デフォルトのアプリ外観を選択し、商品カードや下部ナビゲーションの表示スタイルを選択し、触覚フィードバックを有効にできます。

テーマ設定ページへのアクセス

SHOPLINEの管理画面から、アプリ > Shopper App > アプリデザイン に移動し、[デザイン] ボタンをクリックしてデザインエディタにアクセスします。左サイドバーで六角形アイコン（テーマ設定）をクリックしてテーマの構成を開始します。

外観モード

色セクションでダークモード（デフォルトでは無効）を有効にできます。有効にした後、ユーザーがアプリを開いたときのデフォルト表示モードを設定できます。

次のオプションから選択できます：

• システムのデフォルト設定に従う
• ライトモード
• ダークモード

商品表示

商品セクションをクリックして設定を展開し、アプリのさまざまなセクションで商品が表示される方法を構成できます。これには、アプリのホームページ上のカテゴリと商品コンポーネント、検索結果、商品のおすすめ、ショッピングカートのおすすめ、お気に入り登録ページが含まれます。

次の設定をカスタマイズできます：

• 商品リスト表示スタイル
  • 固定グリッドまたはウォーターフォール表示スタイルの選択
  • 商品レビューの表示を有効または無効にする
  • 価格表示方法の選択
  • 比較価格の表示を有効または無効にする
  • 商品概要の表示を有効または無効にする
• 商品カード表示
  • 商品ラベルの表示を有効または無効にする
  • ラベルの位置を選択
  • クイック追加ボタンの表示を有効または無効にする
  • 商品画像の比率を設定

デザインスタイル

デザインスタイルセクションでは、以下の要素に角丸効果を適用できます：

• パーツの角
• 商品画像の角
• ボタンの角

下部ナビゲーション

下部ナビゲーションセクションでは、下部ナビゲーションバーの表示方法を選択できます：

• メインページのみに表示（ナビゲーションバーに表示されるページ）
• チェックアウト前のすべてのページに表示

触感フィードバック

触感フィードバックを有効にして、顧客が商品をカートに追加したり、お気に入り登録に追加する際に、触感振動を提供します。