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

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

ストアフロントのホームページに表示される新製品リスト

手順 1:各製品を新規製品として設定

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

Adobe Commerce Adobe Commerce ストアについては、を参照してください。 更新のスケジュール設定 その後、このページの手順 2 に進みます。

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

製品を新規設定すると、製品が「」に追加されます 新製品 リスト。 リストに含めたくない場合は、いつでも設定を戻すことができます。

  1. Admin サイドバー、に移動 Catalog > Products.

  2. 機能させる各製品を見つけて、編集モードで開きます。

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

    製品を新規として設定 {width="400" modal="regular"}

  4. 完了したら、 Save.

  5. ページキャッシュを再インデックス化して更新するように求めるプロンプトが表示されたら、ページ上部のリンクをクリックし、指示に従います。

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

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

  1. Admin サイドバー、に移動 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、ウィジェットのわかりやすいタイトルを入力します。 (このタイトルは、 Admin.)

    • の場合 Assign to Store Views ​で、ウィジェットを表示するストア表示を選択します。

      特定のストア表示を選択することも、 All Store Views. 複数のビューを選択するには、Ctrl キー(PC)または Command キー(Mac)を押したまま、各オプションをクリックします。

    • (オプション) Sort Order ​を入力し、この項目がページの同じ部分に他のユーザーと表示される順序を決定します。 (0 =最初、 1 =秒、 3 = 3 番目、など)。

    レイアウトの更新 {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 – として識別された製品のみを一覧表示します 新規. 製品は、で指定された日付範囲で新規と見なされます。 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. Admin サイドバー、に移動 Content > Elements>Pages.

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

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de