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

レイアウト画面に入る

このパートでは、登録した画像をショップ画面に表示する方法をご説明します。
ここまでの操作については、前パートをご確認ください。
[レイアウト]って何?と思ったあなたへ

このショップ開店ガイドを通して、[レイアウト]を実際に操作し、何が起こるかを体験していただくのがよいかと思います。

ここではまず、コマースクリエイターでは「ショップ画面に何かを表示する」もしくは「何かを変更する」場合には、基本的に[レイアウト設定]での操作が必要となることを覚えておきましょう!

[レイアウト設定]画面を開く

  1. commerce creator>テーマの[レイアウト]をクリックします。

    レイアウトボタン
  2. 一覧から[トップページ(PC)]を検索し、をクリックします。

    トップレイアウト変更ボタン

[パーツ変更]画面を開く

  1. 左側の[パーツ配置エリア]で、[メインエリア]のをクリックします。

    トップレイアウトメインエリアOPENボタン
  2. 左側の[パーツ配置エリア]で、[コンテンツエリア]のをクリックします。

    トップレイアウトコンテンツエリアOPENボタン
    [パーツ配置エリア]の構造のポイント

    後ほど説明しますが、[レイアウト]は「階層構造」になっているということも覚えておきましょう。

  3. 表示されたメニューの[トップページコラム]のをクリックし、表示されたメニューの[パーツを変更する]をクリックします。

    コラムパーツ変更
    [パーツ配置エリア]がどのように画面に表示されるのか

    左側の[パーツ配置エリア]をみてください。ここには、ページの表示内容と、表示順を決定している[パーツ]といわれる要素が並んでいます。
    この[パーツ]を入れ替えたり並べ替えたり、[パーツ]に記述する内容を変更することで、画面のコンテンツを更新することができる、というからくりになっています。

    [パーツ]については、よくある質問-[用語説明]パーツとは何ですか?も参照してください。

関連マニュアル

次のパートでも、実際にトップページに画像を表示するための操作を続けていきます。