個別製品カタログの別ページの作成

ストアフロントには、複数のカタログの商品を掲載することができます。 Liferay はカタログに製品を保存し、 カタログページ を使ってストアフロントに表示します。 詳しくは、 カタログページの作成 をご覧ください。 カタログごとに異なる種類の商品を掲載することができるため、複数のカタログページを使って差別化することができます。

これを行うには、まず2つ以上のカタログと、少なくとも1つのカタログ・ページが必要です。 次に、既存のカタログページを複製し、両方のページに カスタムフィルターの例 ウィジェットを追加して、カタログIDで製品をフィルタリングします。

既存のカタログページをコピーする

Liferay DXP 7.4 U22+ と GA22+ では、Minium サイトの Catalog ページをコピーするには、まず ページについて を有効にする必要があります。 それ以前のバージョンをお使いの場合は、この手順は必要ありません。

1. プライベートページがアクティブになったら、 サイトメニュー() を開き、 サイトビルダー → ページ にアクセスしてください。

2. プライベートページ をクリックします。

3. カタログページの横にある 3点アイコン() をクリックし、 ページをコピー を選択します。

4. 新しいカタログページの名前を入力し、 Add をクリックします。

新しいページがストアフロントに表示され、既存のカタログページと同じ内容が表示されます。

カスタムフィルタの追加

カスタムフィルタを追加する前に、まずフィルタリングしたいカタログのIDを取得する必要があります。 そのためには、 Global Menu() を開き、 Commerce → Catalogs に進みます。 カタログをクリックし、名前の横にあるIDをコピーしてください。

カタログページに戻る

1. トップメニューから「Add」ボタンをクリックします。

2. ウィジェット セクションで、 カスタムフィルタ ウィジェットを検索してください。

   important

   コンテンツページを使用している場合、ウィジェットを追加する方法は2つあります。

   1. 上部メニューの編集ボタン（！ 編集ボタン ）をクリックし、右側の追加（！ 追加アイコン ）をクリックします。 残りの手順は上記と同じです。

   2. サイトメニュー*（！ サイトメニュー ）を開き、サイトビルダー → ページを選択します。 目的のページに移動し、3ドットアイコン（！ 3ドットアイコン ）をクリックします。 → 編集を行います。 残りの手順は上記と同じです。

3. ウィジェットをストアフロントの目的のエリアにドラッグアンドドロップします。

4. ウィジェットにカーソルを合わせて、 3点アイコン() をクリックし、 構成 を選択します。

5. 以下の情報を入力し、 保存 をクリックします。

   Filter Field: commerceCatalogId

   フィルターの値 43445 (コピーしたカタログIDを入力)

   フィルターの種類 マッチ

   発生： Filter

   

6. カスタムフィルターの Apply をクリックし、変更を適用します。

ページには、1つのカタログの商品だけが表示されるはずです。 もう一方のカタログページで、別のカタログを使用して上記の手順を繰り返します。

note

また、Configurationメニュー内のチェックボックスを使用して、カスタムフィルターを無効化し、不変で不可視にすることができます。 カスタムフィルターは、さまざまなユースケースで利用できます。 詳しくは、 カスタムフィルターの例 をご覧ください。

関連トピック

• カタログページの作成
• カスタムフィルターの例