新製品リストウィジェット
新製品のリストは動的コンテンツの例であり、製品カタログから取得したライブデータで構成されています。 デフォルトでは、新製品 リストには、最近追加された製品の最初の 8 つが含まれています。 ただし、指定した日付範囲内の製品のみを含めるように設定することもできます。
手順 1:各製品を新規製品として設定
この手順はMagento Open Sourceにのみ適用されます。
Adobe Commerce ストアの場合は、 更新のスケジュールを参照し、このページの手順 2 に進みます。
日付範囲 Set Product as New、スケジュールされた更新でのみ設定できます。
製品を「新規」に設定すると、その製品は 新製品 リストに追加されます。 リストに含めたくない場合は、いつでも設定を戻すことができます。
-
管理者 サイドバーで、Catalog/Products に移動します。
-
機能させる各製品を見つけて、編集モードで開きます。
-
Set Product as New しくは、製品を新製品として設定するかどうかをオプションで切り替えます。
{width="400" modal="regular"}
-
完了したら、「Save」をクリックします。
-
ページキャッシュを再インデックス化して更新するように求めるプロンプトが表示されたら、ページ上部のリンクをクリックし、指示に従います。
手順 2:ウィジェットの作成
新製品リストの内容とストア内での配置を決定するコードは、ウィジェットツールによって生成されます。
-
管理者 サイドバーで、Content/Elements/Widgets に移動します。
-
右上隅の「Add Widget」をクリックします。
-
Settings セクションで、次の操作を行います。
-
Type を
Catalog New Products List
に設定します。 -
ストアで使用される Design Theme を選択します。
-
-
「Continue」をクリックします。
{width="600" modal="regular"}
-
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:場所の選択
-
「Layout Updates」セクションで、「Add Layout Update」をクリックします。
-
Display On を
Specified Page.
に設定 -
Page を
CMS Home Page
に設定します。 -
Block Reference を
Main Content Area
に設定します。 -
Template を次のいずれかに設定します。
-
New Product List Template
-
New Products Grid Template
{width="600" modal="regular"}
-
-
「Save and Continue Edit」をクリックします。
現時点では、メッセージを無視してキャッシュを更新できます。
手順 4:リストの設定
-
左側のパネルで「Widget Options」を選択します。
-
Display Products を次のいずれかに設定します。
All Products
– 最後に追加された製品から順に製品を一覧表示します。New Products
- 新規 として識別される製品のみを一覧表示します。 製品は、Set Product As New From/To で指定された日付範囲で、新規と見なされます。 新しい製品が定義されずに日付範囲が期限切れになった場合、リストは空になります。
-
複数のページを含むリストのナビゲーション制御を提供するには、Display Page Control を
Yes
に設定します。Number of Products per Page:各ページに表示する製品の数を入力します。
-
「Number of Products to Display」オプションを、リストに含める新製品の数に設定します。
デフォルト設定は
10
です。 -
Cache Lifetime (Seconds) しくは、新製品のリストを更新する頻度を選択します。
デフォルトでは、キャッシュは 86,400 秒(24 時間)に設定されています。
{width="600" modal="regular"}
-
完了したら、「Save」をクリックします。
-
キャッシュを更新するように求めるプロンプトが表示されたら、ページ上部のメッセージに記載されているリンクをクリックし、指示に従います。
手順 5:作業のプレビュー
-
管理者 サイドバーで、Content/Elements/Pages に移動します。
-
新製品 リストが表示されるグリッドでページを見つけ、「Action」列の「Preview」リンクをクリックします。