おてがる出店　テンプレートファイル（商品ページ、分類ページ）の作成と設定

A-07000
喜信堂ショッピングカートを利用した独自店用HTMLファイル作成の手順について

準備１．　おてがる出店　テンプレートファイルの作成と設定

概要
おてがる出店の本店機能は、商品ページ用HTMLファイルと分類ページ用HTMLファイルの出力及びCSVファイルの出力が可能です。おてがる出店でHTMLファイルを出力するには、HTMLファイルの元となるテンプレートファイルと（例：商品ページ用テンプレート・・template1.html、分類ページ用テンプレート・・・template2.htmlなど）その設定が必要です。

１－１．商品ページ用テンプレートファイルの準備

テキストエディタ又は、HTMLエディター等により、商品ページ.html及び分類ページ.htmlファイルの元になるテンプレート.htmlを作成します。テンプレートは、通常のHTML言語にて作成してください。テンプレートファイル中には、以下に示す隠しタグを挿入します。挿入された隠しタグは、おてがる出店のHTMLファイル作成時に、対応する項目内容に書き換わります。

例：商品ページテンプレート

<html>
<head>
<title></title>
</head>
<body>

<table>
<tr>
<td>商品番号</td>
<td></td>
</tr>
<tr>
<td>商品名</td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<tdtd colspan="2"></td>
</tr>
<tr>
<tdtd colspan="2"></td>
</tr>
<tr>
<td>商品説明</td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>
<BR>関連商品<HR>

<BR>

</body>
</html>

おてがる出店　テンプレート埋め込み用隠しタグ

カテゴリ名	<!--HIT--CATEGNAME-->
タイトル	<!--HIT--TITLE-->
キャッチコピー	<!--HIT--CATCH-->
ヘッドライン	<!--HIT--HEADER-->
商品番号	<!--HIT--SHOHINBANGO-->
商品名	<!--HIT--SHOHINNAME-->
商品イメージ画像	<!--HIT--SHOHINIMAGE-->
価格	<!--HIT--KAKAKU-->
価格2	<!--HIT--KAKAKU2-->
価格3	<!--HIT--KAKAKU3-->
ショッピングカート	<!--HIT--CART-->
商品説明1	<!--HIT--CONTENT1-->
商品説明2	<!--HIT--CONTENT2-->
商品説明3	<!--HIT--CONTENT3-->
フッター	<!--HIT--FOOTER-->
関連商品	<!--HIT--KANREN-->
備考1	<!--HIT--BIKO1-->
備考2	<!--HIT--BIKO2-->
備考3	<!--HIT--BIKO3-->
備考4	<!--HIT--BIKO4-->
備考5	<!--HIT--BIKO5-->

１－２．分類ページ用テンプレートファイルの準備

テキストエディタ又は、HTMLエディター等により、分類ページ.htmlファイルの元になるテンプレート.htmlを作成します。テンプレートは、通常のHTML言語にて作成してください。テンプレートファイル中には、以下に示す隠しタグを挿入します。挿入された隠しタグは、おてがる出店のHTMLファイル作成時に、対応する項目内容に書き換わります。

例：分類ページテンプレート

<html>
<head>
<title>分類ページタイトル</title>
</head>
<body>




</body>
</html>

※分類ページの作成時、おてがる出店が自動変換する隠しタグは



のみです。その他のデザインや文言については、各分類ページのテンプレートファイルに直接記述して下さい。

※分類ページに上記隠しタグ（）を記述すると、その隠しタグの部分は「おてがる出店」の分類ページHTMLファイル作成時に、「商品画像」「商品名」「価格」に自動変換されます。

おてがる出店　テンプレート埋め込み用隠しタグ

カテゴリ名	<!--HIT--CATEGNAME-->
タイトル	<!--HIT--TITLE-->
キャッチコピー	<!--HIT--CATCH-->
ヘッドライン	<!--HIT--HEADER-->
商品番号	<!--HIT--SHOHINBANGO-->
商品名	<!--HIT--SHOHINNAME-->
商品イメージ画像	<!--HIT--SHOHINIMAGE-->
価格	<!--HIT--KAKAKU-->
価格2	<!--HIT--KAKAKU2-->
価格3	<!--HIT--KAKAKU3-->
ショッピングカート	<!--HIT--CART-->
商品説明1	<!--HIT--CONTENT1-->
商品説明2	<!--HIT--CONTENT2-->
商品説明3	<!--HIT--CONTENT3-->
フッター	<!--HIT--FOOTER-->
関連商品	<!--HIT--KANREN-->
備考1	<!--HIT--BIKO1-->
備考2	<!--HIT--BIKO2-->
備考3	<!--HIT--BIKO3-->
備考4	<!--HIT--BIKO4-->
備考5	<!--HIT--BIKO5-->

例）：分類ページ出力例

１－３．商品ページ用テンプレートファイルの設定
作成したテンプレートファイルは、おてがる出店に認識させる為に以下の設定が必要です。


１－３－１．おてがる出店起動

１－３－２．メインメニュー／「本店各種設定」ボタンをクリック

１－３－３．本店各種設定メニュー／「テンプレート設定」ボタンクリック

１－３－４．テンプレート設定画面／テンプレートファイル「参照」ボタンをクリックし、
              １－１で作成した商品ページ用テンプレート.htmlファイルを指定します。

１－３－５．テンプレート設定画面／「絶対画像パス」に商品画像をアップロードする
              URLを入力します。URLは、httpから始まる絶対パスを指定してください。
              おてがる出店では、HTMLファイル作成時に商品画像のパスを、本指定
              の絶対パスに変換しますので正しく指定して下さい。尚、おてがる出店の
              FTP機能を利用して商品画像をアップする場合、FTP／HTTP設定で指定
              した画像ディレクトリに全ての画像がアップされます。FTP／HTTP設定の
              画像ディレクトリと、テンプレートの「絶対画像パス」が統一されるように
              指定して下さい。

  例：FTP画像ディレクトリ（/images）絶対画像パス（http://www.hitgogo.com/images）


１－３－６．テンプレート設定画面／「価格名称」価格名称を明示的に指定する場合に
              記入します。テンプレートファイル中にて、「価格」を明示的に記述している
              場合には名称の記入は不要です。その場合には、名称を空白に指定してください。
              ※<!--HIT--KAKAKU-->を指定している箇所には、「価格名称」が付加されて
              表示されます。<!--HIT--KAKAKU2--><!--HIT--KAKAKU3-->も同様です。

以上で、商品ページのテンプレートファイル設定が完了します。





１－４．分類ページ用テンプレートファイルの設定
　　　　１－２で作成した分類ページテンプレートファイルは、おてがる出店に認識させる為
　　　　に以下の設定が必要です。


１－４－１．おてがる出店起動

１－４－２．メインメニュー／「本店各種設定」ボタンをクリック

１－４－３．本店各種設定メニュー／「分類ページヘッダー・フッター設定」ボタンクリック

１－４－４．ページヘッダー・フッター設定画面／「新しいヘッダー/フッターを作成する」
　　　　　　　ラジオボタンにチェックをします。

１－４－５．ページヘッダー・フッター設定画面／「プロファイル名」に本ヘッダーフッター
　　　　　　　設定に付ける名称を入力します。（例：HF001）

１－４－６．ページヘッダー・フッター設定画面／「ヘッダライン」にヘッダーに使用する
　　　　　　　HTMLタグ又はテキストを入力します。※共通で利用するバナー広告などを
　　　　　　　記述すると全ての分類ページに共通で表示されます。

１－４－７．ページヘッダー・フッター設定画面／「フッター」にフッターに使用するHTML
　　　　　　　タグ又はテキストを入力します。※共通で利用する訪問販売法による表記
　　　　　　　などを入力すると、全ての分類ページで共通表示されます。

１－４－８．ページヘッダー・フッター設定画面／テンプレートファイル「参照」にて、
　　　　　　　1-2で作成した分類ページ用HTMLファイルを指定します。

上記の指定が完了したら、「修正」ボタンをクリックします。
※「修正」ボタンをクリックしない場合には、上記の設定は保存されませんので注意下さい。

準備２．　おてがる出店　ショッピングカートの設定
準備３．　おてがる出店　消費税の設定
準備４．　おてがる出店　サムネイル画像の設定
操作１．　HTML（商品ページ、分類ページ）作成
操作２．　アップロード
完了

おてがる出店 テンプレートファイル（商品ページ、分類ページ）の作成と設定

準備１． おてがる出店 テンプレートファイルの作成と設定

１－１．商品ページ用テンプレートファイルの準備

１－２．分類ページ用テンプレートファイルの準備

１－３．商品ページ用テンプレートファイルの設定

１－４．分類ページ用テンプレートファイルの設定

おてがる出店　テンプレートファイル（商品ページ、分類ページ）の作成と設定

準備１．　おてがる出店　テンプレートファイルの作成と設定