カタログページの作成
カタログ ページは、会社の製品ポートフォリオへのエントリ ポイントです。 このページでは、製品を閲覧、検索、選択することができます。 カタログ ページでは次のウィジェットを使用できます。
- 検索バー
- オプションファセット
- 仕様ファセット
- 価格範囲のファセット
- カテゴリファセット
- ソート
- コマース検索結果
詳細については、 ウィジェットリファレンス を参照してください。
前提条件
カタログ ページを作成する前に、 フラグメントの使用方法、 ウィジェットの使用方法、 コンテンツ ページの使用方法、および ナビゲーション メニュー アプリケーションの使用方法を理解しておく必要があります。
製品を含む製品カタログもあることを確認してください。 詳細については、 新しいカタログの作成 を参照してください。
ページの追加と設定
-
サイトにアクセスし、 サイト メニュー (
) を開いて、 サイト ビルダー → ページに移動します。 -
新規 をクリックし、 ページを選択します。
-
マスター ページ テンプレートまたは空白のテンプレートを選択し、ページの名前として カタログ を入力します。
-
追加をクリックします。
これにより、ページが編集モードで開きます。
ウィジェットとフラグメントを追加する
-
コンテナをドラッグ アンド ドロップし、その中にグリッドをドロップします。
-
グリッド内の モジュール数 を
2に変更し、最初のモジュールが 2 番目のモジュールの 3 分の 1 のサイズになるようにサイズを調整します。 -
最初のモジュール内で、次のウィジェットをドラッグ アンド ドロップします。
- 検索オプション
- 検索バー
- オプションファセット
- 仕様ファセット
- カテゴリファセット
- 価格範囲のファセット
-
2 番目のモジュール内で、次のウィジェットをドラッグ アンド ドロップします。
- 並べ替え（コマース）
- 検索結果（コマース）
検索オプション ウィジェットを設定する
検索オプション ウィジェットを使用すると、検索クエリを必要とせずにすべての製品を表示するように検索結果ウィジェットを構成できます。 顧客はチャネルで利用可能なすべての製品を簡単に閲覧できるようになります。
-
検索オプション ウィジェットで、 オプション (
) をクリックし、 構成を選択します。注Liferay DXP 2025.Q1/Portal GA132 より前では、設定オプションはウィジェットの右上隅に表示されていました。
-
空の検索を許可する チェックボックスをオンにします。
-
[保存]をクリックします。
-
構成 ウィンドウを閉じます。
このオプションを有効にすると、すべての製品が 検索結果 ウィジェットに表示されます。
デフォルトでは、製品はすべてのチャネルで表示されます。 ただし、表示は特定のチャネルに制限される場合があります。 詳細については、「 チャネルを使用した製品の表示設定 」を参照してください。
検索バー ウィジェットを設定する
検索バー ウィジェットは、グローバル サイト スコープからのデータを表示するように構成する必要があります。 これは、製品がサイト レベルではなくグローバル レベルで保存されるためです。
-
検索バーウィジェットで、 オプション (
) をクリックし、 構成を選択します。注Liferay DXP 2025.Q1/Portal GA132 より前では、設定オプションはウィジェットの右上隅に表示されていました。
-
スコープを すべてに設定します。
-
[保存]をクリックします。
-
構成 ウィンドウを閉じます。
仕様ファセット ウィジェットを構成する
優先度を使用して、仕様ファセット内の仕様ラベルの順序を並べ替えることができます。
-
仕様ファセットウィジェットで、 オプション (
) をクリックし、 構成を選択します。注Liferay DXP 2025.Q1/Portal GA132 より前では、設定オプションはウィジェットの右上隅に表示されていました。
-
「注文仕様」フィールドで、オプションを選択します。
- 仕様グループの優先度 (昇順)
- 仕様グループの優先度 (降順)
Liferay DXP 2024.Q2+/ポータル GA120+
- 仕様ラベルの優先度 (昇順)
- 仕様ラベルの優先度 (降順)
-
[保存]をクリックします。
-
構成 ウィンドウを閉じます。
仕様グループとラベルの作成の詳細については、 仕様 を参照してください。