ウィジェットの作成と管理
ウィジェットは再利用可能なコンポーネントです。 ウィジェットを簡単に作成し、既存のウィジェットを変更して、ストア全体のコンテンツを自動的に更新できます。 使用されなくなったウィジェットを削除することもできます。
ウィジェットを作成
ウィジェットの作成手順は、それぞれのウィジェットでほぼ同じです ウィジェットタイプ. 手順の最初の部分に従ってから、必要な特定のタイプのウィジェットの最後の部分を完了できます。
手順 1:タイプの選択
-
日 Admin サイドバー、に移動 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
=最初、1
=秒、3
= 3 番目、など)。
-
-
が含まれる 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.
-
プロンプトが表示されたら、ワークスペースの上部にある手順に従って、必要に応じてキャッシュを更新します。
-
ストアフロントに戻り、ウィジェットが正しく動作していることを確認します。
別の場所に移動するには、ウィジェットを再度開き、別のページまたはブロック参照を試します。
ウィジェット作成のデモ
ウィジェットの作成について詳しくは、次のビデオを参照してください。
ウィジェットの編集
-
日 Admin サイドバー、に移動 Content > Elements>Widgets.
-
グリッドの上にあるフィルターを使用してウィジェットを見つけ、ウィジェット名をクリックします。
-
必要な変更を加えます。
ウィジェットオプションについては、ウィジェットの作成手順を確認してください。
-
「」をクリックします Save.
ウィジェットの削除
-
日 Admin サイドバー、に移動 Content > Elements>Widgets.
-
グリッドの上にあるフィルターを使用してウィジェットを見つけ、削除するウィジェットのチェックボックスを選択します。
-
リストの左上隅にあるを設定します。 Actions 対象:
Delete
. -
完了したら、 Submit.
-
アクションを確定するには、 OK.