新製品リストウィジェット
この新製品リストは、動的コンテンツの一例であり、製品カタログから取得したライブデータで構成されています。 デフォルトでは、新製品 リストには、最近追加された製品の最初の8つが含まれます。 ただし、指定した日付範囲内の商品のみを含めるように設定することもできます。
ステップ 1:各製品を新製品として設定する
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= first,1= second,3= thirdなど)
{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- newとして識別された製品のみを一覧表示します。 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 リンクをクリックします。