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

[パーツ]の配置状況を確認する

このパートでは、[パーツ]と[レイアウト]の関係性や[レイアウト]の階層構造についておさらいをします。

おさらいしよう

  1. ここまでの実際の操作を通して、コマースクリエイターの基本構造が少しずつ見えてきたでしょか。

    基本的には、以下がポイントとなります。

    「画面(ページ)にコンテンツを表示する」には、[パーツ]を[レイアウト]に配置する

    「コンテンツの表示順」は、[レイアウト]内の[パーツ]の並び順によって決まる

変更したいコンテンツが出てきたときにどうするか

  1. ショップ画面で変更したいコンテンツが出てきたとき、まずはどの[パーツ]を変更すればよいのか、を考えます。

  2. その際、「変更したい[パーツ]がどれであるのか」を確認するためには、オンラインマニュアルの「ユーザー画面」表示イメージ一覧(イメージ逆引き集)を利用します。

  3. 変更したい[パーツ]が見つかったら、該当ページの[レイアウト]のどの階層に配置されているかを探します。

    [レイアウト]の階層構造について

    [レイアウト]は、階層構造になっています。

    [レイアウト変更]画面の左の[レイアウト配置エリア]にあるをクリックすると、「変更したい[パーツ]がどこに配置されているか」「新たに表示したいパーツをどこに配置すればよいか」などを、一覧で確認することができます。

    階層構造表示ボタン

    例えば、コラムの表示場所を変更してみようで表示位置を変更した[トップページコラム02]はどこにあるでしょうか。

    階層構造モーダル

    メインエリア>コンテンツエリアの階層に、[トップページコラム02]が表示されているのが確認できるでしょうか。

  4. [パーツ]が見つかったら、[レイアウト]の階層を開き、変更したい[パーツ]を操作します。 もしくは[パーツ検索エリア]で表示したい[パーツ]を検索し、[レイアウト]に配置します。

    やり方を忘れてしまった方は、もう一度STEP4 トップページのメイン画像を変更しようからおさらいをしましょう。

  5. [保存する]ボタンをクリックする前に、プレビューで確認します。

  6. プレビューで確認し、問題がなければ[レイアウト変更]画面の[保存する]ボタンをクリックします。
    以上で、実際のショップ画面に変更した内容が反映されます。

[パーツ]と[レイアウト]の関係性のイメージをつかんでいただけたら、以上でSTEP6は完了です。