商品詳細ページのテンプレートHTML
HELP TOP > テンプレートHTML > 商品詳細ページのテンプレートHTML
  
ストアカートBASICでは「大分類一覧ページ」「小分類一覧ページ」「商品一覧ページ」「商品詳細ページ」の4種類の商品関連データ表示用のテンプレートHTMLがあります。（その他にもカゴの中身表示ページやお客様情報入力ページ、個別テンプレートHTMLがあります）
ここでは商品詳細ページのテンプレートの作成方法をご説明致します。まず下記の「変数」が変数のままの状態の画面をご覧下さい。
●商品詳細ページのテンプレートHTML
商品詳細ページは今までの一覧ページとはちょっと雰囲気が違いますね？そうです。#main#〜#/main#の変数がありません。ということは登録データを繰り返して表示しません。つまり1ページに1件の商品のみを表示するページということになります。
では商品一覧ページで使われている変数の役割を説明していきます。
#shoptitle# これはストアカートBASICに登録されたお店の名称に変換されます。HTML的には<title>#shoptitle#</title>というような記述をします。ページタイトルの部分ですね
#shopbana# これはストアカートBASICに登録されたお店のタイトル画像に変換されて表示されます。
#newcategory# これは現在のページの位置、つまり今どこの商品分類のページを表示しているかが表示されリンクが貼られます。またその左側に大分類一覧　と表示されていますね。これは今いる場所からすぐに大分類一覧ページへ戻れるようにするリンクです。HTMLタグ的には<a href="shop.cgi">大分類一覧</a>このようになっています。
#returnlist#▲上の分類リストに戻る#end# これは現在表示されている分類のひとつ上の階層に戻るためのリンクに変換されて表示されます。
▲上の分類リストに戻るという文字列は変更可能です。
#CHK:Keys#allsch.gif/casch.gif#end# これは商品検索フォームに変換されて表示されます。１画面につき、一つしか使えません。
#member##name# 様いらっしゃいませ！#/member# #headmassage# これは会員登録されたお客様がログインした状態でページを表示すると、「お客様名　様いらっしゃいませ！」と表示されます。いらっしゃいませの部分の文章は変更出来ます。#member#　#/member#で囲まれている部分が表示されます。
#headmassage# これは管理画面のページ編集のデザイン簡単編集で登録されたヘッダーメッセージ文章が表示されます。
#footmassage# これは管理画面のページ編集のデザイン簡単編集で登録されたフッダーメッセージ文章が表示されます。
#incart#　#num#　#price# #/incart# これは現在のカゴの中身の商品の個数と金額を表示します。#num#が個数で#price#が金額になります。個数と金額の変数を　#incart#　#/incart#　で囲むように配置してください。
#chk#買い物カゴの中身をチェック#end# これはカゴの中身ページへのリンクになります。文字列は変更可能です。
#body#　#/body# この詳細ページでは常に一個の商品になります。なので繰り返し指定の#main#　#/main#は要らず、一個だけの#body#〜#/body#指定になります。
※ここから下の変数は#body#〜#/body#で囲まれた中でしか使えません。
#timesalsmsg# この変数は、商品をタイムセール商品に設定した場合に、タイムセール開催期間に変換されて表示されます。
#timesalecoment# この変数は、商品をタイムセール商品に設定した場合に、タイムセール商品用のコメントに変換されて表示されます。
この説明文はHTMLタグが使用できますが、もうひとつ、この商品詳細の#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# この変数は、買い物カゴに入れるボタンに変換されて表示されます。
以上の変数が、商品詳細ページを作成するために必要な変数になります。
文字列に変換されて表示されるものは、それぞれフォントの色やサイズの設定、CSSの設定などが可能です。（例：<font size="4">#categoryname#</font>など）
変数の文字列さえ間違えなければ、あとは自由に場所を変えたりデザインを大幅に変更したり、FLASHムービーやGIFアニメの挿入などが出来ます。
また、テンプレートHTML上で使用する各種外部ファイル（CSSファイルや、画像ファイルなど）は、WEBサーバにFTPで接続し、shopフォルダの中にアップロードして下さい。（テンプレートHTMLファイルもshopフォルダに存在します）



▲ページトップへ