スマートフォンにもパーツを配置する

トップページのバナーを増やしてみようで追加した［トップページコラム02］を「レイアウト配置」します。

［スタートアップテーマ(レスポンシブ/スマートフォン)］の［レイアウト］を開く

1. commerce creator＞テーマ-スタートアップテーマ(レスポンシブ/スマートフォン)の［レイアウト］をクリックします。

   

2. 一覧から［トップページ(SP)］を選択し、をクリックします。

   

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

   

4. 左側の［パーツ配置エリア］で、［コンテンツエリア］のをクリックします

   

表示したい［パーツ］を検索する

1. ［コンテンツエリア］を開いたまま、右側の［パーツ検索エリア］で「コラム」を選択します。

   検索結果が表示されます。
   初期設置の［トップページコラム］など、［コラムパーツ］で作成された［パーツ］がすべて表示されます。
   トップページのバナーを増やしてみようで追加した［トップページコラム02］が表示されたのを確認してください。

   ［トップページコラム02］をドラッグ＆ドロップで左側の［パーツ配置エリア］に配置します。
   PCとの違いが分かりやすいように、［サイト告知］の上に配置しておきましょう。

   

プレビューで確認する

1. プレビューで確認すると、先ほどはなかった3つのバナーが［サイト告知］の上に追加されました。

   ［スタートアップテーマ（PC/タブレット）］と同様の［パーツ］を使っていますが、表示場所が違っていることが確認できましたでしょうか。

   

   

［保存する］をクリックする

1. プレビューで問題がなければ、［レイアウト変更］画面の［保存する］をクリックします。

• レイアウト一覧
• レイアウト変更