CPIまるわかりガイド--Online Help

 


マルウェア診断

商品詳細ページのテンプレートHTML

ストアカートでは「大分類一覧ページ」「小分類一覧ページ」「商品一覧ページ」「商品詳細ページ」の4種類の商品関連データ表示用のテンプレートHTMLがあります。(その他にもカゴの中身表示ページやお客様情報入力ページがあります)
ここでは商品詳細ページのテンプレートの作成方法をご説明致します。まず下記の「変数」が変数のままの状態の画面をご覧下さい。


商品詳細ページのテンプレートHTML


クリックすると拡大します。

商品詳細ページは今までの一覧ページとは多少異なり、#main#〜#/main#の変数がありません。登録データを繰り返して表示せず、1ページに1件の商品のみを表示するページということになります。
では商品一覧ページで使われている変数の役割を説明していきます。

変数について
#shoptitle# これはストアカートに登録されたお店の名称に変換されます。HTML的には<title>#shoptitle#</title>というような記述をします。ページタイトルの部分ですね。
#shopbana# これはストアカートに登録されたお店のタイトル画像に変換されて表示されます。
#newcategory# これは現在のページの位置、つまり今どこの商品分類のページを表示しているかが表示されリンクが貼られます。またその左側に大分類一覧 と表示されていますね。これは今いる場所からすぐに大分類一覧ページへ戻れるようにするリンクです。HTMLタグ的には<a href="shop.cgi">大分類一覧</a>このようになっています。
#returnlist#▲上の分類リストに戻る#end# これは現在表示されている分類のひとつ上の階層に戻るためのリンクに変換されて表示されます。
▲上の分類リストに戻るという文字列は変更可能です。
#CHK:Keys#allsch.gif/casch.gif#end# これは商品検索フォームに変換されて表示されます。1画面につき、一つしか使えません。
#headmassage# これは管理画面のページ編集のデザイン簡単編集で登録されたヘッダーメッセージ文章が表示されます。
#footmassage# これは管理画面のページ編集のデザイン簡単編集で登録されたフッダーメッセージ文章が表示されます。
#incart# #num# #price# #/incart# これは現在のカゴの中身の商品の個数と金額を表示します。#num#が個数で#price#が金額になります。個数と金額の変数を #incart# #/incart# で囲むように配置してください。
#chk#買い物カゴの中身をチェック#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# この変数は、買い物カゴに入れるボタンに変換されて表示されます。


以上の変数が、商品詳細ページを作成するために必要な変数になります。
文字列に変換されて表示されるものは、それぞれフォントの色やサイズの設定、CSSの設定などが可能です。
(例:<font size="4">#categoryname#</font>など)
変数の文字列さえ間違えなければ、あとは自由に場所を変えたりデザインを大幅に変更したり、FLASHムービーやGIFアニメの挿入などが出来ます。


Copyright 2024 KDDI Web Communications Inc. All Rights Reserved.