Online Help for ControlPanel

ストアカート

	お買い物の流れ
	ショッピングサイトを始める前に必要なこと


	お客様から情報をもらう

	カテゴリーを並び替える
	商品の情報を変更する
	商品のバリエーション（種類）を登録する
	タイムセールを行う

	デザインの基本設定
	デザインをカスタマイズする
	オリジナルのサイト内にショップの各ページへのリンクを貼る
	オリジナルのサイト内にショップの機能を埋め込む
	画像を一括でアップロードする

	テンプレートHTMLの仕組み
	大分類一覧ページのテンプレートHTML
	小分類一覧ページのテンプレートHTML
	商品一覧ページのテンプレートHTML
	商品詳細ページのテンプレートHTML
	変数一覧

	商品の在庫を確認する
	売り上げを確認する

変数一覧

テンプレートHTMLで使用できる変数の一覧表です。

全テンプレート共通

全てのテンプレートで使用できる変数について
#shoptitle#	これはストアカートに登録されたお店の名称に変換されます。HTML的には<title>#shoptitle#</title>というような記述をします。ページタイトルの部分ですね。
#shopbana#	これはストアカートに登録されたお店のタイトル画像に変換されて表示されます。
#CHK:Keys#allsch.gif#end#	これは商品検索フォームに変換されて表示されます。１画面につき、一つしか使えません。
#headmassage#	これは管理画面のページ編集のデザイン簡単編集で登録されたヘッダーメッセージ文章が表示されます。
#footmassage#	これは管理画面のページ編集のデザイン簡単編集で登録されたフッダーメッセージ文章が表示されます。
#incart#　#num#　#price# #/incart#	これは現在のカゴの中身の商品の個数と金額を表示します。#num#が個数で#price#が金額になります。個数と金額の変数を　#incart#　#/incart#　で囲むように配置してください。
#chk#買い物カゴの中身をチェック#end#	これはカゴの中身ページへのリンクになります。文字列は変更可能です。

大分類一覧ページ

大分類一覧ページで使用できる変数について
#main#　#/main#	この変数は他の変数とは少し役割が違います。この変数は登録されているデータの表示に使用するものではありません。上の大分類一覧ページの画像を良く見てください。#main#と#/main#の変数が、商品分類が表示される部分の上下に置かれていますね？この変数は、この変数で囲まれた領域を、登録されているデータの件数分繰り返して表示するという指定を宣言する変数です。ちょっとわかりにくいかもしれませんが、要は繰り返し表示される部分を囲むように上下に置いておく変数ということです。 HTMLタグでいうと、#main#が<table><tr>で、#/main#が</tr></table>と思っていただくといいかもしれません。
#body#　#/body#	この変数も#main#　#/main#と同じような役割をする変数です。#body#と#/body#で囲んでいる領域をご覧下さい。商品分類の表示欄1個を囲んでいます。この変数は#body#～#/body#の間にデータが入りますよーということを宣言する変数です。上のテンプレートでは1行に2件のデータが表示されるように変数が置かれています。これを1行に1件表示するような形式にしたい場合は、1行に一組の#body#～#/body#とその間に囲まれたデータ表示領域をレイアウトすればＯＫです。また逆に、1行に5件のデータを表示したい場合は、5組の#body#～#/body#とその間に囲まれたデータ表示領域5個をレイアウトしてあげればいいわけです。 #main#と同様、HTMLタグでいうと、#body#が<td>で、#/body#が</td>と思っていただくといいかもしれません。この部分は少し難しいかもしれないので、実際にテンプレートHTMLを作りながら試してみてください。
※ここから下の変数は#body#～#/body#で囲まれた中でしか使えません。
#categoryphoto1#	この変数は、登録されている商品分類の画像ファイルに変換されて表示されます。また表示される画像は小分類へのリンクがつけられます。
#categoryname2#	この変数は、登録されている商品分類の名前に変換されて表示されます。また表示される名前は小分類へのリンクがつけられます。名前だけの表示にする場合には#categoryname#という変数で表示できます。
#categoryurl#	この変数は、小分類へのリンクURLに変換されます。例：<a href=#categoryurl#>#categoryname#</a>
#newmark#　#/newmark#	この変数で囲まれた画像又は文字列が、商品分類登録時にNEWマークを表示するを選択した際に表示されます。NEWなどの画像ファイルを入れると良いでしょう。例：#newmark#<img src=new.gif>#/newmark#
#categorycoment#	この変数は、登録されている商品分類の説明文に変換されて表示されます。

小分類一覧ページ

小分類一覧ページで使用できる変数について
#newcategory#	これは現在のページの位置、つまり今どこの商品分類のページを表示しているかが表示されリンクが貼られます。またその左側に大分類一覧　と表示されていますね。これは今いる場所からすぐに大分類一覧ページへ戻れるようにするリンクです。 HTMLタグ的には<a href="shop.cgi">大分類一覧</a>このようになっています。
#returnlist#▲上の分類リストに戻る#end#	これは現在表示されている分類のひとつ上の階層に戻るためのリンクに変換されて表示されます。 ▲上の分類リストに戻るという文字列は変更可能です。
#main#　#/main#	この変数は他の変数とは少し役割が違います。この変数は登録されているデータの表示に使用するものではありません。上の大分類一覧ページの画像を良く見てください。#main#と#/main#の変数が、商品分類が表示される部分の上下に置かれていますね？この変数は、この変数で囲まれた領域を、登録されているデータの件数分繰り返して表示するという指定を宣言する変数です。ちょっとわかりにくいかもしれませんが、要は繰り返し表示される部分を囲むように上下に置いておく変数ということです。 HTMLタグでいうと、#main#が<table><tr>で、#/main#が</tr></table>と思っていただくといいかもしれません。
#body#　#/body#	この変数も#main#　#/main#と同じような役割をする変数です。#body#と#/body#で囲んでいる領域をご覧下さい。商品分類の表示欄1個を囲んでいます。この変数は#body#～#/body#の間にデータが入りますよーということを宣言する変数です。上のテンプレートでは1行に2件のデータが表示されるように変数が置かれています。これを1行に1件表示するような形式にしたい場合は、1行に一組の#body#～#/body#とその間に囲まれたデータ表示領域をレイアウトすればＯＫです。また逆に、1行に5件のデータを表示したい場合は、5組の#body#～#/body#とその間に囲まれたデータ表示領域5個をレイアウトしてあげればいいわけです。 #main#と同様、HTMLタグでいうと、#body#が<td>で、#/body#が</td>と思っていただくといいかもしれません。この部分は少し難しいかもしれないので、実際にテンプレートHTMLを作りながら試してみてください。
※ここから下の変数は#body#～#/body#で囲まれた中でしか使えません。
#categoryphoto1#	この変数は、登録されている商品分類の画像ファイルに変換されて表示されます。また表示される画像は商品一覧へのリンクがつけられます。
#categoryname2#	この変数は、登録されている商品分類の名前に変換されて表示されます。また表示される名前は商品一覧へのリンクがつけられます。名前だけの表示にする場合には#categoryname#という変数で表示できます。
#categoryurl#	この変数は、商品一覧へのリンクURLに変換されます。例：<a href=#categoryurl#>#categoryname#</a>
#newmark#　#/newmark#	この変数で囲まれた画像又は文字列が、商品分類登録時にNEWマークを表示するを選択した際に表示されます。NEWなどの画像ファイルを入れると良いでしょう。例：#newmark#<img src=new.gif>#/newmark#
#categorycoment#	この変数は、登録されている商品分類の説明文に変換されて表示されます。

商品一覧ページ

商品一覧ページで使用できる変数について
#newcategory#	これは現在のページの位置、つまり今どこの商品分類のページを表示しているかが表示されリンクが貼られます。またその左側に大分類一覧　と表示されていますね。これは今いる場所からすぐに大分類一覧ページへ戻れるようにするリンクです。HTMLタグ的には<a href="shop.cgi">大分類一覧</a>このようになっています。
#returnlist#▲上の分類リストに戻る#end#	これは現在表示されている分類のひとつ上の階層に戻るためのリンクに変換されて表示されます。 ▲上の分類リストに戻るという文字列は変更可能です。
#hitnum#　#page##backpage##nextpage#	この変数は、#hitnum#が商品点数、#page#が商品一覧ページのページ数＆指定ページへのダイレクトリンク、#backpage##nextpage#がそれぞれ、前のページへ、次のページへのリンクに変換されて表示されます。
#main#　#/main#	この変数は他の変数とは少し役割が違います。この変数は登録されているデータの表示に使用するものではありません。上の大分類一覧ページの画像を良く見てください。#main#と#/main#の変数が、商品分類が表示される部分の上下に置かれていますね？この変数は、この変数で囲まれた領域を、登録されているデータの件数分繰り返して表示するという指定を宣言する変数です。ちょっとわかりにくいかもしれませんが、要は繰り返し表示される部分を囲むように上下に置いておく変数ということです。 HTMLタグでいうと、#main#が<table><tr>で、#/main#が</tr></table>と思っていただくといいかもしれません。
#body#　#/body#	この変数も#main#　#/main#と同じような役割をする変数です。#body#と#/body#で囲んでいる領域をご覧下さい。商品分類の表示欄1個を囲んでいます。この変数は#body#～#/body#の間にデータが入りますよーということを宣言する変数です。上のテンプレートでは1行に2件のデータが表示されるように変数が置かれています。これを1行に1件表示するような形式にしたい場合は、1行に一組の#body#～#/body#とその間に囲まれたデータ表示領域をレイアウトすればＯＫです。また逆に、1行に5件のデータを表示したい場合は、5組の#body#～#/body#とその間に囲まれたデータ表示領域5個をレイアウトしてあげればいいわけです。 #main#と同様、HTMLタグでいうと、#body#が<td>で、#/body#が</td>と思っていただくといいかもしれません。この部分は少し難しいかもしれないので、実際にテンプレートHTMLを作りながら試してみてください。
※ここから下の変数は#body#～#/body#で囲まれた中でしか使えません。
#itemphoto#	この変数は、登録されている商品の商品一覧用画像ファイルに変換されて表示されます。また表示される画像は商品詳細へのリンクがつけられます。
#itemname#	この変数は、登録されている商品の名前に変換されて表示されます。また表示される名前は商品詳細へのリンクがつけられます。
#itemurl#	この変数は、商品詳細へのリンクURLに変換されます。例：<a href=#itemurl#>リンク</a>
#newmark#　#/newmark#	この変数で囲まれた画像又は文字列が、商品登録時にNEWマークを表示するを選択した際に表示されます。NEWなどの画像ファイルを入れると良いでしょう。例：#newmark#<img src=new.gif>#/newmark#
#itempricename#	この変数は、登録されている商品の価格項目名称に変換されて表示されます。
#itemprice#	この変数は、登録されている商品の販売価格に変換されて表示されます。
#iteminprice#	この変数は、上のサンプル画像や説明では使用されてないですが、登録されている定価に変換されて表示されます。
#CHK:varie#	この変数は、登録されている商品のバリエーションの選択肢に変換されて表示されます。
#itemrec#look.gif#end#	この変数は、商品詳細ページへのリンクに変換されて表示されます。
#gift#ラッピング#end#	この変数は、ラッピング指定のチェックボックスに変換されて表示されます。
#CHK:Quantity#	この変数は、注文個数の選択肢に変換されて表示されます。
#itemcoment2list#	この変数は、登録されている商品説明文（一覧ページ用）に変換されて表示されます。
#itemgo#sbin.gif/timsaleout.gif#end#	この変数は、買い物カゴに入れるボタンに変換されて表示されます。
#itemcoment2list#	この変数は、商品一覧用の説明文に変換されて表示されます。

商品詳細ページ

商品詳細ページで使用できる変数について
#newcategory#	これは現在のページの位置、つまり今どこの商品分類のページを表示しているかが表示されリンクが貼られます。またその左側に大分類一覧　と表示されていますね。これは今いる場所からすぐに大分類一覧ページへ戻れるようにするリンクです。HTMLタグ的には<a href="shop.cgi">大分類一覧</a>このようになっています。
#returnlist#▲上の分類リストに戻る#end#	これは現在表示されている分類のひとつ上の階層に戻るためのリンクに変換されて表示されます。 ▲上の分類リストに戻るという文字列は変更可能です。
#body#　#/body#	この詳細ページでは常に一個の商品になります。なので繰り返し指定の#main#　#/main#は要らず、一個だけの#body#～#/body#指定になります。
※ここから下の変数は#body#～#/body#で囲まれた中でしか使えません。
#itemcoment#	この変数は、登録されている商品説明文に変換されて表示されます。この説明文はHTMLタグが使用できますが、もうひとつ、この商品詳細の#body#～#/body#で使用できる変数も使えます。
#itemphoto1#	この変数は、登録されている商品の商品詳細用画像ファイルに変換されて表示されます。
#anotherphoto#他の写真も見る#end#	この変数は、登録されている商品の拡大画像を表示するウインドウを開くためのリンクに変換されて表示されます。
#itemcode#	この変数は、登録されている商品コードに変換されて表示されます。
#itemname#	この変数は、登録されている商品の名前に変換されて表示されます。
#newmark#　#/newmark#	この変数で囲まれた画像又は文字列が、商品登録時にNEWマークを表示するを選択した際に表示されます。NEWなどの画像ファイルを入れると良いでしょう。例：#newmark#<img src=new.gif>#/newmark#
#itemmaker#	この変数は、登録されているメーカーの名前に変換されて表示されます。
#itemmodel#	この変数は、登録されている型番の名前に変換されて表示されます。
#itempricename#	この変数は、登録されている商品の価格項目名称に変換されて表示されます。
#itemprice#	この変数は、登録されている商品の販売価格に変換されて表示されます。
#iteminprice#	この変数は、上のサンプル画像や説明では使用されてないですが、登録されている定価に変換されて表示されます。
#CHK:varie#	この変数は、登録されている商品のバリエーションの選択肢に変換されて表示されます。
#gift#ラッピング#end#	この変数は、ラッピング指定のチェックボックスに変換されて表示されます。
#CHK:Quantity#個	この変数は、注文個数の選択肢に変換されて表示されます。
#itemgo#sbin.gif/timsaleout.gif#end#	この変数は、買い物カゴに入れるボタンに変換されて表示されます。

その他の変数

○商品一覧・商品詳細テンプレートにおける商品価格表示用変数

・[外税]設定の店舗
価格表示はそのまま税抜き価格が表示されます。
表示のみ総額表示にする場合は以下の変数をご利用ください。

#sougaku_price#
税込み価格￥#price_zeikomi#円
税抜き価格￥#price_zeinuki#円
税￥#price_zei#円
#/sougaku_price#

この変数を価格表示変数(#itemprice#)のかわりにご使用ください。
税込み、税、それぞれが自動的に計算され、表示されます。
また、バリエーションが登録されている場合は、
#sougaku_price# #/sougaku_price#で囲まれた部分の内容に
かかわらず、　[種類別価格]　と表示されます。
バリエーション別の総額表示については後述します。

・[内税][消費税無し]設定の店舗
基本的に変更は一切不要です。

・[総額表示制-外税]設定の店舗
価格表示は、入力された税抜き価格に税を足した税込み価格が表示されます。
税抜き価格や税も細かく表示したい場合は、[外税]設定と同じく、

○[外税][総額表示制-外税]設定で、バリエーション別の価格について
・[総額表示制-外税]設定の店舗については、バリエーション表記部分が
自動的に変更されます。

・変更前
バリエーション1 - (￥200)
バリエーション2 - (￥500)
バリエーション3 - (￥600)
バリエーション4 - (￥150)

・変更後
バリエーション1 - \210(消費税\10)
バリエーション2 - \525(消費税\25)
バリエーション3 - \630(消費税\30)
バリエーション4 - \157(消費税\7)

・[外税]設定の店舗については、バリエーション表記部分は税抜き価格の
ままです。

バリエーション表記の変数は　#CHK:varie#　になっていますが、
これを　#CHK:varie4sougaku_price#　に書き直してください。
表示が変更されます。

・変更前
バリエーション1 - (￥200)
バリエーション2 - (￥500)
バリエーション3 - (￥600)
バリエーション4 - (￥150)

・変更後
バリエーション1 - \210(消費税\10)
バリエーション2 - \525(消費税\25)
バリエーション3 - \630(消費税\30)
バリエーション4 - \157(消費税\7)

【テンプレートHTMLを使いこなそう】

テンプレートHTMLの仕組み

変数一覧

Online Help for Control Panel