手動リストと自動リストの違いは

手動

スタッフを個別に追加し、↑↓ボタンで並び替えます。並び順がそのまま表示順になります。

自動

指定したタグを持つスタッフを常に表示します。条件は「タグ」が「次と一致する」または「次と一致しない」で指定し、複数の条件を「すべての条件に一致」か「いずれかの条件に一致」で組み合わせられます。スタッフやリストを保存、削除するたびに自動で反映されます。自動リストに入るのは公開中のスタッフです。

リストを作成するには

  1. スタッフリスト一覧を開く左のメニューの「スタッフリスト」を開きます。リスト名、手動か自動か、自動リストの条件、人数を確認できます。
  2. 「リストを作成」を選ぶリスト名を入力します。
  3. リストタイプを選ぶ手動なら「スタッフ名で検索して追加」でスタッフを追加し、自動なら「＋ 条件を追加」で条件を指定します。自動では、条件に合う「対象スタッフ」の人数と顔ぶれが画面で確認できます。
  4. 保存する保存すると、そのリストを使っているすべての設置箇所へ反映されます。

リスト詳細には「ID」が表示され、「コピー」で控えられます。

最初から用意されているリスト

インストール時に、全員を対象にした「全スタッフ」リストが自動で作られます。このリストは名前と種類を変更できず、削除もできません。ほかのリストを削除するときは、そのリストを使っているテーマのブロックに何も表示されなくなる旨の確認が表示されます。スタッフリスト一覧では、どのブロックで使われているかは表示されないため、削除前にテーマエディタで確認してください。

テーマエディタでスタッフ一覧を表示するには

  1. テーマエディタを開く表示したいページを選びます。ストアフロント設定の「テーマエディタを開く」からも開けます。
  2. 「スタッフ一覧」ブロックを追加する「セクションを追加」から「アプリ」を選び、「スタッフ一覧（トップ・その他ページ用）」を追加します。
  3. 表示するリストを選ぶ設定パネルの「表示するリスト」でリストを選びます。
  4. 見出しなどを設定して保存する設定は下の表のとおりです。
設定内容
表示するリスト選ばない場合は「全スタッフ」が表示されます。
見出し空欄の場合は見出しを表示しません。
絞り込み(店舗・身長)を表示店舗と身長で絞り込むメニューを表示します。初期値は表示です。
画像の縦横比縦長(4:5)、縦長(3:4)、正方形(1:1)から選びます。初期値は縦長(4:5)です。
「もっと見る」ボタンを表示初期値は非表示です。ボタンのラベルとリンク先も設定できます。リンク先を設定しない場合はページ「スタッフ」へ移動します。

カードには顔写真、名前、身長と体重、店舗名が表示され、「詳細」を選ぶとそのスタッフの詳細ページへ移動します。並び順はリストの順番です。列数と表示する項目は、アプリのデザイン設定で変更します。

デザイン設定で見た目を整えるには

左のメニューの「デザイン設定」は、テーマ上のすべてのアプリブロックに適用されます。

項目内容
装飾「詳細」ボタンの文字色と背景色です。空欄の場合はテーマの設定に従います。
レイアウトカード枠、画像、ボタンとバッジの角丸、スタッフ一覧ページの見出しと「詳細」ボタンの文字サイズ、列数です。列数は、スタッフ一覧、スタッフ詳細のスナップ一覧、商品ページの着用スナップのエリアごとに、デスクトップ(2から5列、初期値4列)とモバイル(1から3列、初期値2列)で設定します。
表示項目のON/OFF名前、身長、体重、店舗名の表示を切り替えます。
カスタムCSSProプランで使えます。最大20,000文字です。

設置後の運用

テーマエディタでの設置は最初の1回だけです。リストの中身を入れ替えると、そのリストを使っているすべてのページに反映されます。同じリストを複数のページで使えるため、スタッフの入退社でテーマを編集する必要はありません。