まず、管理画面、「デザイン管理」をクリックしてください。

「レイアウト設定」をクリックします。
「レイアウト設定」画面が開きましたら、未使用ブロック欄の下部にある「新規ブロック作成」をクリックしてください。

「新規ブロック」画面が開きましたら、「ブロック名」と「ファイル名」に任意の名称を入力してください。
例えば、「ブロック名」を「バナー」に、「ファイル名」を「banner」に設定します。
入力しましたら、「HTMLエディタモード」をクリックしてください。

「HTMLエディタモード」をクリックすると、HTMLエディタが別画面で表示されます。
まず、画面の[山のイラスト]アイコンをクリックします。
このアイコンをクリックしますと、表示したいイメージ画像を挿入することが出来ます。

[山のイラスト]アイコンをクリックしましたら、「イメージプロパティ」が起動されます。
URL一覧の右端にある「サーバーブラウザー」をクリックしてください。

サーバーに画像をアップロードする事ができる画面が開きます。
画面下部にある「参照」をクリックして、ショップ画面に表示したい画像を選んでください。
選びましたら、「アップロード」ボタンをクリックします。

アップロードが完了しますと、画像一覧画面の最下部に新しくアップロードした画像が表示されます。
その左端にあります「チェックボタン」にチェックを入れてください。
チェックを入れますと、右側のプレビュー欄に画像が表示されますので、画像を確認します。
確認しましたら、「選択」ボタンをクリックします。

「選択」ボタンをクリックすると、「イメージプロパティ」に画像URLなどが反映されます。
「OK」ボタンをクリックしますと、ＨＴＭＬエディタに反映されます。

ＨＴＭＬエディタに画像が反映されましたら、次に画像にリンクを挿入したい場合は設定します。
まず、画像を選んだ状態で[地球のアイコン]をクリックします。

「ハイパーリンク」編集画面が表示されますので、設定したいＵＲＬを「ＵＲＬ」設定欄にコピーして貼り付けます。
ＵＲＬを貼り付けましたら、「ＯＫ」ボタンをクリックしてください。
ＨＴＭＬエディタのバナー画像に、リンクが反映されます。

また、文章などを編集したい場合は、http://www.abplaza.jp/manual/products/html_editor.htmlを参考にしてください。
編集が完了しましたら、「反映する」をクリックします。

「ブロック編集」画面に戻りますので、「登録」ボタンをクリックしてください。

「レイアウト編集」画面の、「未使用ブロック」に上記で登録したブロックがありますので、ドラックして表示させたい箇所に移動させます。
移動しましたら、「保存」ボタンをクリックしてください。

「ＳＩＴＥ　ＣＨＥＣＫ」ボタンをクリックして、ショップ画面で正常に表示されているか確認します。

上記のレイアウト編集でブロックを移動した箇所に、画像が表示されています。
以上で、この作業は終了です。