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

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

新商品リストはストアフロントのホームページに掲載

手順 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 ​セクションで、次の操作を行います。

    • TypeCatalog 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 = 1 番目、1 = 2 番目、3 = 3 番目など)。

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

手順 3:場所の選択

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

  2. Display OnSpecified Page. に設定

  3. PageCMS Home Page に設定します。

  4. Block ReferenceMain 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 - 新規 として識別される製品のみを一覧表示します。 製品は、Set Product As New From/To ​で指定された日付範囲で、新規と見なされます。 新しい製品が定義されずに日付範囲が期限切れになった場合、リストは空になります。
  3. 複数のページを含むリストのナビゲーション制御を提供するには、Display Page ControlYes に設定します。

    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
2b0136b4-ef75-405f-9734-60d741f198de