メインタブ設定｜Shopper App

「メインタブ」機能を使用して、アプリのトップページに特定の商品カテゴリを表示し、顧客が特集商品やプロモーション情報を閲覧できるようにします。

ステップ 1

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

*注：この設定は、シンプルテンプレートとモールテンプレートの両方に適用されます。現在使用中のテンプレートを選択することをお勧めします。

ステップ 2

左側の要素パネルで、メインタブをクリックして、以下の設定を構成します。

i. メインタブを表示

左側の要素パネルでボタンをクリックして、メインタブを開閉します。

ii. リリーススケジュール（オプション）

リリース時間を設定した場合、メインタブはアプリに表示されるようにスケジュールされます。

ステップ 3

左側の要素パネルでタブの内容を設定し、最大4つのタブをサポートします。

i. ホーム

「ホーム」はシステムのデフォルトタブです。タブ名を編集できますが、順序を調整したり削除したりすることはできません。

ii. カスタムタブ

+ 追加をクリックして新しいタブを作成します。タブ名を入力し、宛先カテゴリを選択します。現在、「カスタムタブ」は「すべての商品」、「選択したカテゴリ」、「プロモーション」の2種類の宛先カテゴリをサポートしています。タブの順序を調整したり、削除したりできます。

*注：「すべての商品」と「プロモーション」はシステムのデフォルトタブです。必要に応じて名前を変更したり、順序を調整したり、削除したりできます。ただし、2025年3月18日以前にメインタブを編集した場合、システムは「プロモーション」タブを自動的にプリセットしません。

ステップ 4

設定が完了したら、右上隅の保存をクリックします。内容が正しいことを確認したら、更新して使用をクリックして公開します。

*注：「ホーム」タブのみがある場合、設定は保存または公開できますが、メインタブは非表示になり、アプリに表示されません。