アプリブロックでの細かな設定はレギュラープランのみ利用できます。
アプリブロックの設定を使うと、ページの種類(ブログ・コレクション・商品・ブログ記事)ごとに異なるデザインや動作を設定できます。アプリブロックの設定はカスタマイズページの設定より優先されます。
Shopify管理画面 →「オンラインストア」→「テーマ」→「カスタマイズ」を開く
設定したいページ(ブログ・コレクション・商品・ブログ記事)に移動する
「タグ一覧 (Regularプラン)」のアプリブロックをクリックして選択する
右サイドバーに表示された設定項目を変更する
「保存」をクリック
項目 | 説明 |
|---|---|
タイトル | タグ一覧の上部に表示するタイトルテキスト |
デザインパターン | タグの形状(Plain Text / Rectangle / Round / Underline Text) |
接頭辞・プレフィックス | タグ名の前に表示するテキスト(例: |
除外タグ | タグ一覧に表示しないタグ |
除外タグのマッチング方式 | 除外タグの照合方式(完全一致・前方一致・後方一致・部分一致) |
優先タグ | 一覧の先頭に表示するタグ |
優先タグのみ表示する | 優先タグだけを表示するかどうか |
横幅の最大値 | タグ一覧の最大横幅(px) |
表示位置 | タグ一覧の整列(Center / Left / Right) |
初期表示数 | 最初に表示するタグの件数 |
全表示ボタン | 初期表示数を超えたときに表示されるボタンのテキスト |
カラー | 下記のカラーを指定します タグ一覧の背景・枠線・タイトルの色 タグの背景・枠線・タイトル・接頭辞・プレフィックス色 |
項目 | 説明 |
|---|---|
選択解除ボタンを非表示にする | タグ選択時に表示される選択解除ボタンを非表示にする |
タグ選択方式 | 単一選択または複数選択の切り替え |
カラー | タグ(選択状態)の背景・枠線・タイトル・接頭辞・プレフィックス・選択解除ボタンの色 |
項目 | 説明 |
|---|---|
コレクションページの絞り込みを常にコレクション全体にする | 商品ページでの絞り込み範囲の設定 |
タグ一覧の上部に表示するタイトルテキストを設定します。デフォルトは空欄(非表示)です。タイトルが不要な場合は空欄にしてください。
タグの形状を以下の4種類から選択できます。
Plain Text:背景なしのテキストのみのタグ
Rectangle:角のある四角形のタグ
Round:角丸の四角形のタグ(デフォルト)
Underline Text:下線付きのテキストのみのタグ
タグ名の先頭に表示するテキストを設定します。例えば # を設定すると #ファッション のように表示されます。空欄にするとタグ名のみが表示されます。
タグを選択したときに表示される選択解除ボタンを非表示にします。タグの再クリックで選択解除させたい場合に有効です。
タグをクリックしたときの選択動作を設定します。
単一選択:新しいタグを選択すると、前の選択が置き換えられます
複数選択:複数のタグを同時に選択して絞り込めます(デフォルト)
タグ一覧に表示したくないタグを指定します。複数ある場合は改行して入力してください。
除外タグと商品・記事に設定されたタグをどのように照合するかを選択します。
完全一致:指定したタグと完全に一致するものだけを除外します(デフォルト)
前方一致(〜で始まる):指定したテキストで始まるタグをすべて除外します
後方一致(〜で終わる):指定したテキストで終わるタグをすべて除外します
部分一致(〜を含む):指定したテキストを含むタグをすべて除外します
タグ一覧の先頭に表示したいタグを指定します。複数ある場合は改行して入力してください。指定した順序で先頭に表示されます。
有効にすると、優先タグとして設定したタグだけを表示します。優先タグが1件も設定されていない場合はすべてのタグが表示されます。
タグ一覧の最大横幅をピクセル単位で設定します。不要な場合は空欄にしてください。
タグ一覧の水平方向の整列を設定します。
Center:中央寄せ(デフォルト)
Left:左寄せ
Right:右寄せ
最初に表示するタグの件数を設定します。設定した件数を超えるタグは「全表示ボタン」をクリックすることで表示されます。空欄にするとすべてのタグを展開表示します。
初期表示数を超えたときに表示されるボタンのテキストを設定します。デフォルトは「Show all」です。
有効にすると、商品ページからタグをクリックしたときの絞り込みが常にコレクション全体を対象にします。無効の場合、商品ページのURLが /collections/{コレクションhandle}/products/{商品handle} のときはコレクション単位の絞り込みになり、それ以外はコレクション全体の絞り込みになります。
各セクションの色を個別に設定できます。アプリブロックで設定した色はカスタマイズページの色設定より優先されます。
設定項目 | ブログ | コレクション | 商品 | ブログ記事 |
|---|---|---|---|---|
タイトル | ✓ | ✓ | ✓ | ✓ |
デザインパターン | ✓ | ✓ | ✓ | ✓ |
接頭辞・プレフィックス | ✓ | ✓ | ✓ | ✓ |
選択解除ボタンを非表示にする | ✓ | ✓ | — | — |
タグ選択方式 | ✓ | ✓ | — | — |
除外タグ | ✓ | ✓ | ✓ | ✓ |
除外タグのマッチング方式 | ✓ | ✓ | ✓ | ✓ |
優先タグ | ✓ | ✓ | ✓ | ✓ |
優先タグのみ表示する | ✓ | ✓ | ✓ | ✓ |
横幅の最大値 | ✓ | ✓ | ✓ | ✓ |
表示位置 | ✓ | ✓ | ✓ | ✓ |
初期表示数 | ✓ | ✓ | ✓ | ✓ |
全表示ボタン | ✓ | ✓ | ✓ | ✓ |
コレクションページの絞り込みを常にコレクション全体にする | — | — | ✓ | ✓ |
カラー | タグ一覧 | ✓ | ✓ | ✓ | ✓ |
カラー | タグ | ✓ | ✓ | ✓ | ✓ |
カラー | タグ(選択状態) | ✓ | ✓ | — | — |
カラー | 全表示ボタン | ✓ | ✓ | ✓ | ✓ |