テーマ設定 | Shopper App

アプリページエディタの「テーマ設定」内で、アプリの色と商品設定を構成できます。これらの設定は「シンプルテンプレート」と「モールテンプレート」の両方に適用されます。テンプレートを切り替えても再構成する必要はありません。

 

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

• 色設定
• 商品設定

 

 

左のサイドバーにあるテーマ設定アイコンをクリックします。以下では色設定と商品設定をそれぞれ紹介します。

 

1. 色設定

カラーパレットを使用するか、色コードを直接入力できます。

i. 上部ナビゲーション

上部ナビゲーションの背景色とフォント色を設定します。

 

ii. 下部ナビゲーション

下部ナビゲーションの背景/フォント/アイコン/カートの色を設定します。

*注：アイコンがカスタム画像の場合、ここでの色設定は適用されません。

 

iii. ボタン

ボタンの背景色とフォント色を設定します。この設定は割引コード、テキスト、商品リスト、アプリダウンロードギフトのパーツに適用されます。

 

iv. 商品プロモーションラベル

商品プロモーションラベルの背景色とフォント色を設定します。商品プロモーションラベルの詳細については、このよくある質問を参照してください。

 

v. 商品価格

以下の商品の価格の色を設定します：

• 通常価格
• セール価格がある場合の取り消し線付き通常価格
• セール価格

 

2. 商品設定

i. 商品画像の比率

アプリのトップページ、商品リストページ、商品詳細ページのための商品画像の比率を設定します。3:4または1:1のいずれかを選択できます。

*注：この設定はモールテンプレートの商品のスライダー、商品リスト、テキスト付き商品にも適用されます。

• 3:4
  
   
• 1:1
  
   

 

ii. 表示スタイル

「グリッドビュー」または「ウォーターフォールビュー」を選択します。この設定はアプリ内のすべての商品要素と商品詳細ページに適用されます。

 

iii. バリエーションの表示

アプリ内でバリエーション画像を表示したい場合は、「バリエーション画像を表示」トグルをオンにし、指定されたバリエーションを選択します。

*注：

• この設定はアプリ内のすべての商品要素、商品リストページ、商品詳細ページに適用されます。
• SHOPLINE管理者に移動 > [商品とカテゴリ] > [商品] > [バリエーション]に行き、バリエーションと画像を追加します。そうすれば、アプリの商品要素/商品リストページに商品バリエーション画像が表示されます。