開店ガイド
運用サポート(平日10:00~17:00) 06-6485-6485

商品を表示するパーツを配置する

このパートでは、前のパートで作成した商品を表示するパーツを配置して、トップページにピックアップした商品が表示されるようにしていきます。
  1. [テーマ]の[レイアウト]をクリックします。

    テーマのレイアウトをクリックする
  2. レイアウト検索画面で[トップページ]にチェックを入れて検索し、トップページのレイアウトのをクリックします。

    トップページのレイアウトを検索して変更画面に入る
  3. [メインエリア]パーツのをクリックします。

    メインエリアを開く
  4. [コンテンツエリア]パーツのをクリックします。

    コンテンツエリアを開く
  5. 左側に[コンテンツエリア]の中に配置されているパーツが並んでいます。

    コンテンツエリアのパーツ一覧
  6. 右側のパーツ検索ボックスで「ピックアップ」と検索すると、作成したパーツ[ピックアップアイテム]が表示されます。

    パーツ検索ボックスでピックアップアイテムを検索
  7. 表示されたパーツを左にドラッグ&ドロップで持っていき、表示したい場所に配置します。

    ピックアップアイテムのパーツを配置する
  8. ここでは「ピックアップアイテム」を配置した後、スタートアップテーマに元から配置されている[売れ筋商品]パーツを外していますが、外すことは必須ではありません

    もし[売れ筋商品]パーツを配置したまま利用する場合は、をクリックして[パーツを変更する]から登録されている商品番号を変更して利用することもできます。

    売れ筋商品パーツを変更する
  9. プレビューで確認して、問題なければ[保存する]をクリックします。

    ピックアップアイテムのパーツを配置して保存する
    プレビューでの確認と破棄について
    • パーツを配置した状態で「保存する」をクリックせず、「プレビュー」を押すと、パーツを配置した状態をプレビューで確認できます。
    • パーツを配置した状態で「保存する」をクリックすると配置が保存されます。
    • 配置する前の状態に戻したい場合は、(破棄する)をクリックすると元の状態に戻ります。

以上で、商品表示パーツがトップページに配置され、トップページにピックアップした商品が表示される状態になりました。次のパートでは、この商品表示をしたエリアに付いている見出しを修正していきます。