[PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト(Adobeで管理されるPaaS インフラストラクチャ)とオンプレミス プロジェクトにのみ適用されます。"}

新製品リストウィジェット

この新製品リストは、動的コンテンツの一例であり、製品カタログから取得したライブデータで構成されています。 デフォルトでは、新製品 リストには、最近追加された製品の最初の8つが含まれます。 ただし、指定した日付範囲内の商品のみを含めるように設定することもできます。

​ ストアフロントのホームページの新製品リスト ​ {width="700" modal="regular"}

ステップ 1:各製品を新製品として設定する

Magento Open Source この手順は、Magento Open Sourceにのみ適用されます。

Adobe Commerce Adobe Commerce ストアの場合は、更新のスケジュール ​を参照し、このページの手順2に進んでください。

Set Product as New​日付範囲の設定は、スケジュールされた更新でのみ設定できます。

製品を新規製品として設定すると、製品が​新規製品 リストに追加されます。 リストに含めたくない場合は、任意の時点で設定を元に戻すことができます。

  1. 管理者 サイドバーで、Catalog > Products​に移動します。

  2. フィーチャーしたい各商品を見つけ、編集モードで開きます。

  3. Set Product as New​の場合、製品を新しい製品として設定するかどうかのオプションを切り替えます。

    製品を新規に設定 {width="400" modal="regular"}

  4. 完了したら、Save​をクリックします。

  5. ページキャッシュのインデックス再作成と更新を求めるメッセージが表示されたら、ページの上部にあるリンクをクリックし、指示に従います。

手順2:ウィジェットの作成

新製品リストの内容とストア内の配置を決定するコードは、ウィジェットツールによって生成されます。

  1. 管理者 サイドバーで、Content > Elements>Widgets​に移動します。

  2. 右上隅の「Add Widget」をクリックします。

  3. Settings​セクションで、次の操作を行います。

    • Type​をCatalog New Products Listに設定します。

    • ストアで使用されている​ Design Theme ​を選択します。

  4. Continue​をクリックします。

    新しい製品リストウィジェット設定 {width="600" modal="regular"}

  5. Storefront Properties​セクションで、次の操作を行います。

    • Widget Title」に、ウィジェットの説明的なタイトルを入力します。 (このタイトルは​ 管理者 ​からのみ表示されます)。

    • Assign to Store Views​で、ウィジェットが表示されているストアビューを選択します。

      特定のストアビュー、またはAll Store Viewsを選択できます。 複数のビューを選択するには、Ctrl キー(PC)またはCommand キー(Mac)を押しながら、各オプションをクリックします。

    • (オプション) Sort Order​の場合、ページの同じ部分で他のユーザーと一緒にこの項目を表示する順序を決定する番号を入力します。 (0 = first, 1 = second, 3 = thirdなど)

    ​ レイアウトの更新 {width="600" modal="regular"}

手順3:場所の選択

  1. Layout Updates​セクションで、Add Layout Update​をクリックします。

  2. Display On​をSpecified Page.に設定

  3. Page​をCMS Home Pageに設定します。

  4. Block Reference​をMain Content Areaに設定します。

  5. Template​を次のいずれかに設定します:

    • New Product List Template

    • New Products Grid Template

      ​ レイアウトの更新 {width="600" modal="regular"}

  6. Save and Continue Edit​をクリックします。

    現時点では、キャッシュを更新するメッセージを無視できます。

手順4:リストの設定

  1. 左側のパネルで、Widget Options​を選択します。

  2. Display Products​を次のいずれかに設定します:

    • All Products – 最後に追加された製品から順番に製品を一覧表示します。
    • New Products - new​として識別された製品のみを一覧表示します。 Set Product As New From/To​で指定された日付範囲内に、製品が新しいものと見なされます。 新しい製品が定義されないまま日付範囲が期限切れになる場合、リストは空になります。
  3. 複数のページを含むリストのナビゲーション制御を提供するには、Display Page Control​をYesに設定します。

    Number of Products per Page​に、各ページに表示する製品数を入力します。

  4. Number of Products to Display オプションを、リストに含める新製品の数に設定します。

    デフォルト設定は10です。

  5. Cache Lifetime (Seconds)​について、新製品のリストを更新する頻度を選択します。

    デフォルトでは、キャッシュは86,400秒(24時間)に設定されています。

    ​ ウィジェットオプション ​ {width="600" modal="regular"}

  6. 完了したら、Save​をクリックします。

  7. キャッシュの更新を求めるメッセージが表示されたら、ページの上部にあるメッセージ内のリンクをクリックし、指示に従います。

手順5:作業のプレビュー

  1. 管理者 サイドバーで、Content > Elements>Pages​に移動します。

  2. 新製品 リストが表示されるグリッドでページを見つけ、Action​列の​ Preview ​リンクをクリックします。

recommendation-more-help
commerce-admin-help-content-design