初期表示数を設定すると、ページを開いたときに表示するタグの件数を制限できます。設定件数を超えるタグは、「全表示ボタン」を選択すると表示されます。
前提: 初期表示数はレギュラープランで利用できます。「タグ一覧 (Regularプラン)」アプリブロックを使用してください。商品、コレクション、ブログ、ブログ記事で設定できます。
次の画像は、初期表示数を未設定にした場合と、5件に設定した場合の表示を比較しています。
初期表示数に5を設定した場合のタグ一覧の動作
初期表示数に5を設定すると、最初はタグが5件だけ表示されます。残りのタグは「全表示ボタン」を選択すると表示されます。
(1) 対象のテンプレートを開く
Shopify管理画面 → オンラインストア → テーマ → カスタマイズから、設定する商品・コレクション・ブログ・ブログ記事のテンプレートを開いてください。
(2) レギュラープラン用アプリブロックを選択する
テーマエディタの左側メニューから「タグ一覧 (Regularプラン)」を選択してください。
(3) 「初期表示数」を確認する
アプリブロックの設定から「初期表示数」を確認してください。次の画像では、初期表示数に3を入力しています。
(4) 最初に表示する件数を入力する
「初期表示数」に、ページを開いたときに表示するタグの件数を半角数字で入力してください。
(5) 全表示ボタンの文言を設定する
「全表示ボタン」に、残りのタグを表示するボタンの文言を入力してください。
(6) 設定を保存する
テーマエディタ右上の「保存」を選択してください。
ページを開いたときに表示するタグの上限件数を設定します。空欄の場合は、すべてのタグが最初から表示されます。
実際のタグ件数が初期表示数を超える場合に表示されます。ボタンの文言は「全表示ボタン」、色は「カラー | 全表示ボタン」から設定できます。デフォルトの文言は「Show all」です。
注意: 実際のタグ件数が初期表示数以下の場合、全表示ボタンは表示されません。
前提: 初期表示数はテンプレートごとの設定です。複数のテンプレートで使用する場合は、それぞれの「タグ一覧 (Regularプラン)」アプリブロックで設定してください。