ウィジェットの作成と管理
ウィジェットは再利用可能なコンポーネントです。 ウィジェットを容易に作成したり、既存のウィジェットを変更して、ストア全体のコンテンツを自動的に更新したりできます。 また、使用されなくなったウィジェットを削除することもできます。
ウィジェットを作成
ウィジェットを作成するプロセスは、各 ウィジェットタイプ でほぼ同じです。 手順の最初の部分に従って、目的の特定の種類のウィジェットの最後の部分を完了できます。
手順1：種類の選択
-
管理者 サイドバーで、Content > Elements>Widgetsに移動します。
-
Add Widgetをクリックします。
-
Settingsセクション：
-
作成するウィジェットタイプに Type を設定します。
-
Design Themeが現在のテーマに設定されていることを確認します。
-
-
Continueをクリックします。
手順2：ストアフロントのプロパティとレイアウトの指定
-
Storefront Propertiesセクション：
-
「Widget Title」に、ウィジェットの説明的なタイトルを入力します。
このタイトルは、管理者からのみ表示されます。
-
Assign to Store Viewsで、ウィジェットを表示するストアビューを選択します。
特定のストアビュー、または
All Store Viewsを選択できます。 複数のビューを選択するには、Ctrl キー（PC）またはCommand キー（Mac）を押しながら、各オプションをクリックします。 -
（オプション） Sort Orderの場合、ページの同じ部分で他のユーザーと一緒にこの項目を表示する順序を決定する番号を入力します。 （
0= first,1= second,3= thirdなど）
-
-
Layout Updatesセクションで、Add Layout Updateをクリックします。
-
Display Onを表示するページの種類に設定します。
-
Container リストで、配置するページレイアウトの領域を選択します。
-
ウィジェットがリンクの場合は、Templateを次のいずれかに設定します。
Block Template- コンテンツを書式設定して、ページ上にスタンドアロン単位として配置できるようにします。Inline Template– 他のコンテンツ内に配置できるように、コンテンツをフォーマットします。 例えば、テキストの段落内に配置されたリンクなどです。
ステップ 3：ウィジェットオプションを完了する
各ウィジェットの種類のオプションは多少異なりますが、プロセスは基本的に同じです。 次の使用例は、特定のカテゴリの製品リストをページネーション コントロールと共に表示します。
-
左側のパネルで、Widget Optionsを選択します。
-
Select Blockをクリックします。
-
リストの上に表示する Title を入力します（
Featured Productsなど）。 -
ページ分割コントロールの場合は、Display Page Controlを
Yesに設定し、次の操作を行います。-
Number of Products per Pageを入力します。
-
合計 Number of Products to Display を入力します。
-
Conditionを特集する製品のカテゴリに設定します。
このプロセスは、価格ルール の条件を設定するのと同じです。
-
手順4：結果を保存して確認する
-
完了したら、Saveをクリックします。
-
プロンプトが表示されたら、ワークスペースの上部にある指示に従って、必要に応じてキャッシュを更新します。
-
ストアフロントに戻り、ウィジェットが正しく動作していることを確認します。
別の場所に移動するには、ウィジェットを再度開いて、別のページまたはブロック参照を試します。
ウィジェット作成デモ
ウィジェットの作成について詳しくは、次のビデオをご覧ください。
ウィジェットの編集
-
管理者 サイドバーで、Content > Elements>Widgetsに移動します。
-
グリッドの上にあるフィルターを使用してウィジェットを見つけ、ウィジェット名をクリックします。
-
必要な変更を加える：
ウィジェットオプションについて詳しくは、ウィジェットを作成する手順を参照してください。
-
Saveをクリックします。
ウィジェットの削除
-
管理者 サイドバーで、Content > Elements>Widgetsに移動します。
-
グリッドの上にあるフィルターを使用してウィジェットを見つけ、削除するウィジェットのチェックボックスを選択します。
-
リストの左上隅で、Actionsを
Deleteに設定します。 -
完了したら、Submitをクリックします。
-
アクションを確認するには、OKをクリックします。