• ショップ管理ツール左メニューから「デザイン」＞「テンプレート」を選択して、テンプレート画面を表示する。

  

• 編集したいテンプレートの「編集」ボタンを選択してWebパーツ編集画面を表示する。

  

• Webパーツ編集画面上部にあるHTML編集ボタンを選択して、HTML編集画面を表示する。

  

本画面で、各ファイルを編集、保存できます。

• 右側のファイル一覧から編集するファイルを選択し、左側の編集領域にファイルを表示させます。

  

• PC用のファイルを編集する場合は「PC用」タブを、スマートフォン用のファイルを編集する場合は「スマホ用」タブを選択します。

  

スマホ用、PC用ファイルの新規作成

• ページ領域で新規追加したものについては、初期状態で、スマホ用のファイルが作成されていない物もあります。その場合は、「スマホ用」タブを開いた際に「PC用をコピーして新規作成」ボタンを選択することで、スマートフォンで使用するファイルが作成されます。

本画面では、CSS、レイアウト、ページのファイルを編集中に、アップロードした画像を挿入できます。

• 右側のファイル一覧から編集するファイルを選択し、左側の編集領域にファイルを表示させます。

• 画像を挿入したい場所に、文字入力時に点滅する縦線カーソルを合わせます。

• 「画像挿入」ボタンを選択します。

  

• 画像を選択し、「選択した画像を挿入ボタン」を選択します。

  

挿入される文字列について

• CSSと、レイアウトおよびページとでは、異なった文字列が挿入されます。それぞれ、画像ファイルのパスを適切に処理するために必要な関数やタグが含まれた状態で挿入されます。

本画面では、レイアウトとシステムページのファイルを、デフォルトの状態に戻すことができます。

• 右側のファイル一覧からデフォルトに戻すファイルを選択し、左側の編集領域にファイルを表示させます。

• 「デフォルトに戻す」ボタンを選択します。

  

本画面では、レイアウトとページのファイルを、スマホ用、またはPC用の情報を、それぞれ反対のテキストエリアにコピーできます。

• 右側のファイル一覧からスマホ、またはPC用の情報をコピーするファイルを選択し、左側の編集領域にファイルを表示させます。

• 「スマホ用をコピー」、または「PC用をコピー」ボタンを選択します。

  

本画面では、CSSとレイアウトとページのファイルを、プレビューで表示できます。

• 右側のファイル一覧からプレビューしたいファイルを選択し、左側の編集領域にファイルを表示させます。

• 「プレビュー」ボタンを選択します。