ウィジェットの作成と管理

ウィジェットは再利用可能なコンポーネントです。 ウィジェットを簡単に作成し、既存のウィジェットを変更して、ストア全体のコンテンツを自動的に更新できます。 使用されなくなったウィジェットを削除することもできます。

ウィジェット

ウィジェットを作成

ウィジェットの作成手順は、それぞれのウィジェットでほぼ同じです ウィジェットタイプ. 手順の最初の部分に従ってから、必要な特定のタイプのウィジェットの最後の部分を完了できます。

手順 1:タイプの選択

  1. Admin サイドバー、に移動 Content > Elements>Widgets.

  2. クリック Add Widget.

  3. が含まれる Settings ​セクション:

    • を設定 Type 作成するウィジェットタイプに変更します。

    • を確認します Design Theme 現在のテーマに設定されます。

      ウィジェット設定 {width="600" modal="regular"}

  4. クリック Continue.

手順 2:ストアフロントのプロパティとレイアウトを指定する

  1. が含まれる Storefront Properties ​セクション:

    • の場合 Widget Title、ウィジェットのわかりやすいタイトルを入力します。

      このタイトルは、管理者からのみ表示されます。

    • の場合 Assign to Store Views ​で、ウィジェットを表示するストア表示を選択します。

      特定のストア表示を選択することも、 All Store Views. 複数のビューを選択するには、Ctrl キー(PC)または Command キー(Mac)を押したまま、各オプションをクリックします。

    • (オプション) Sort Order ​を入力し、この項目がページの同じ部分に他のユーザーと表示される順序を決定します。 (0 =最初、 1 =秒、 3 = 3 番目、など)。

      ストアフロントのプロパティ {width="600" modal="regular"}

  2. が含まれる Layout Updates ​セクションで、をクリック​ Add Layout Update.

  3. を設定 Display On を選択します。を選択して、ページを表示するページのタイプに変更できます。

  4. が含まれる Container リストから、ページレイアウトを配置する領域を選択します。

    レイアウトの更新 {width="600" modal="regular"}

  5. ウィジェットがリンクの場合は、 Template を次のいずれかに変更します。

    • Block Template - ページ上にスタンドアロンの単位として配置できるように、コンテンツをフォーマットします。
    • Inline Template - コンテンツを他のコンテンツ内に配置できるようにフォーマットします。 例えば、テキストの段落内に入るリンクなどです。

手順 3:ウィジェットオプションの完了

各ウィジェットタイプのオプションはわずかに異なりますが、プロセスは基本的に同じです。 次の例では、ページネーションコントロールを使用して、特定のカテゴリの製品リストを表示します。

  1. 左パネルで、を選択します。 Widget Options.

  2. クリック Select Block.

  3. を入力 Title 次のようにリストの上に表示されます Featured Products.

  4. ページネーションコントロールの場合、を設定します Display Page Control 対象: Yes 次の手順を実行します。

    • を入力 Number of Products per Page.

    • 合計を入力 Number of Products to Display.

    • を設定 Condition 特集する商品のカテゴリーに。

      プロセスは、の条件を設定する場合と同じです。 価格ルール.

手順 4:結果を保存して確認

  1. 完了したら、 Save.

  2. プロンプトが表示されたら、ワークスペースの上部にある手順に従って、必要に応じてキャッシュを更新します。

  3. ストアフロントに戻り、ウィジェットが正しく動作していることを確認します。

    別の場所に移動するには、ウィジェットを再度開き、別のページまたはブロック参照を試します。

ウィジェット作成のデモ

ウィジェットの作成について詳しくは、次のビデオを参照してください。

ウィジェットの編集

  1. Admin サイドバー、に移動 Content > Elements>Widgets.

  2. グリッドの上にあるフィルターを使用してウィジェットを見つけ、ウィジェット名をクリックします。

  3. 必要な変更を加えます。

    ウィジェットオプションについては、ウィジェットの作成手順を確認してください。

  4. 「」をクリックします Save.

ウィジェットの削除

  1. Admin サイドバー、に移動 Content > Elements>Widgets.

  2. グリッドの上にあるフィルターを使用してウィジェットを見つけ、削除するウィジェットのチェックボックスを選択します。

  3. リストの左上隅にあるを設定します。 Actions 対象: Delete.

  4. 完了したら、 Submit.

  5. アクションを確定するには、 OK.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de