ウィジェットの作成と管理
ウィジェットは再利用可能なコンポーネントです。 ウィジェットを簡単に作成し、既存のウィジェットを変更して、ストア全体のコンテンツを自動的に更新できます。 使用されなくなったウィジェットを削除することもできます。
{width="700" modal="regular"}
ウィジェットを作成
ウィジェットの作成プロセスは、 ウィジェットタイプごとに同じです。 手順の最初の部分に従ってから、必要な特定のタイプのウィジェットの最後の部分を完了できます。
手順 1:タイプの選択
-
管理者 サイドバーで、Content/Elements/Widgets に移動します。
-
「Add Widget」をクリックします。
-
Settings のセクションで以下を実行します。
-
作成するウィジェットのタイプに Type を設定します。
-
Design Theme が現在のテーマに設定されていることを確認します。
{width="600" modal="regular"}
-
-
「Continue」をクリックします。
手順 2:ストアフロントのプロパティとレイアウトを指定する
-
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"}
-
-
「Layout Updates」セクションで、「Add Layout Update」をクリックします。
-
ページの表示タイプに Display On を設定します。
-
Container リストで、ページレイアウトを配置する領域を選択します。
{width="600" modal="regular"}
-
ウィジェットがリンクの場合は、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」をクリックします。