ページ上のコレクションをフィルタリングする

サイト上でコレクションを閲覧するユーザーのエクスペリエンスを向上させるために、ページフラグメントを追加してコレクション内のコンテンツをフィルタリングすることができます。 例えば、キーワードを使用して、表示されたコレクションのコンテンツを検索およびフィルタリングするために使用できるフラグメントを追加できます。

ユーザーが表示されたコレクション内のコンテンツをフィルタリングできるように、ページに追加できる 2 つのページフラグメントがあります。 コレクションフィルタフラグメント適用済みフィルタフラグメント

コレクション・フィルター・フラグメントの使用

コレクションフィルタフラグメントは、ページ上の選択されたコレクションに表示されるコンテンツをフィルタリングするために使用されます。 ユーザーは、キーワードを検索したり、カテゴリやタグを選択して、フィルタフラグメントに関連するコレクションをフィルタリングすることができます。

以下の手順に従って、コレクションフィルタフラグメントをページ( コレクション表示フラグメント ですでにコレクションを表示しているページ)に追加および構成してください:

  1. ページの編集中に、ページの任意の場所にコレクション・フィルター・フラグメントを追加します。

  2. フラグメントの 全般 設定で、目的のコレクションを選択します。 コレクションが効果を発揮するには、ページ上のコレクション表示フラグメントに表示されている必要があります。

    Configure the Fragment to use a Collection that is already displayed in a Collection Display Fragment.

    互換性のあるコレクションを選択すると、 Filter ドロップダウンメニューが表示されます。

  3. フィルターメニューを使用して、 キーワードカテゴリー 、または タグ フィルターを選択します。

    note

    FragmentCollectionFilterInfoFilter インターフェイスを実装した)カスタムコレクションフィルターを追加するモジュールがデプロイされている場合、これらのフィルターをリストから選択することもできます。

Collection Filter フラグメントの動作は、Keywords、Category、Tags のいずれのフィルタタイプを設定したかによって変化します。

note

コレクション表示フラグメントで使用されるコレクション・フィルタ・フラグメントは、オブジェクト・コレクション・プロバイダまたはブループリント・コレクション・プロバイダにマッピングされている場合にのみ機能します。

キーワードによるフィルタリング

キーワード]を選択すると、[コレクションフィルター]フラグメントが検索バーとして表示され、ユーザーはキーワードを入力してコレクションの表示内容をフィルタリングすることができます。

The Keywords filter type presents a search bar to users to enter keywords to filter by.

カテゴリーによる絞り込み

Category(カテゴリー)」を選択した場合、「Source(ソース)」入力フィールドを使用して、ユーザーが選択できるカテゴリーを設定することができます。

Select the vocabulary or category that contains the desired category selection.

  1. 希望するカテゴリーを含む語彙または親カテゴリーを選択したら、 Select This Level をクリックします。

  2. ページを公開する。

カテゴリフィルタを設定すると、コレクションフィルタフラグメントにカテゴリのメニューが表示されます。 ユーザーは、1つまたは複数のカテゴリーを選択して、コレクションの表示内容をフィルタリングすることができます。

The Category filter type presents a list of categories for Users to enable and apply as a filter.

タグによるフィルタリング

タグが選択されている場合、ユーザーは提供されたフィールドに入力し、選択可能な既存のタグを示すドロップダウンを見ることができます。

The Tags filter type presents a search bar with autocomplete that displays available tags.

適用フィルターフラグメントの使用

Applied Filters Fragment は、 Collection Filter Fragment で適用されたフィルターのリストを見るために使われる。

次の手順に従って、(すでに設定されているコレクションフィルタフラグメントを持つ)ページに適用済みフィルタフラグメントを追加してください:

  1. ページの編集中に、ページ上の任意の場所に適用済みフィルターフラグメントを追加します。

  2. Applied Filter Fragment の General 設定で、目的のコレクションを選択します。 同じコレクションをページに表示し、 コレクションフィルタフラグメント で構成する必要があります。

  3. ページを公開する。

これで、ユーザがコレクションフィルタフラグメントでコンテンツをフィルタリングすると、Applied Filters Fragmentに、設定されたコレクションに現在適用されているフィルタのリストが表示されます。 また、表示されている各フィルタの X ボタンをクリックして、フィルタを削除することもできます。

The Applied Filters Fragment shows all filters currently applied to the configured Collection.

関連トピック

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy