1.「商品一覧、検索リスト」のカスタマイズができます。
https://www.ecstore.jp/cgi-bin/homemake/shop_product_list.cgi?id=test
を変更して、自分のサイトに設置できます。
項目、色、レイアウトを修正できます。
※上記URLのid=testのtestは
ショップ様のIDに置き換えてください。
2.項目とDBデータの対応関係
商品番号--productid--$in{productid}
店ID--id--$in{id}
商品名--productname--$in{productname}
商品ページのURL--producturl--$in{producturl}
商品単価--productprice--$in{productprice}
登録年月日--date--$in{date}
備考1--productother1--$in{productother1}
備考2--productother2--$in{productother2}
備考3--productother3--$in{productother3}
商品分類--productdir--$in{productdir}
商品在庫数--productnumber--$in{productnumber}
上記の項目の選択、並び替えなどができます。
※上記項目名やパラメーターを
次の3.のように加工してください。
3.サンプル
サンプルURL:
http://www.ecstore.jp/template/shop_product_listtemp.html
サンプルのソース:
http://www.ecstore.jp/template/shop_product_listsamp.html
4. 商品リストのデザイン方法
- ソースをコピーして、修正する。
1.をコピーしてデザインする場合は、2.のパラ
メーターを挿入してやる必要があります。
- 作成したhtmlファイルを、xxxx.htmlと別の名前を
付けて、ご自身のサイトにアップする。
- 管理画面の「管理者設定」>「商品一覧、検索リス
トのTEMPLATEファイルアドレス」にそのURLを登録する。
- https://www.ecstore.jp/cgi-bin/homemake/shop_product_list.cgi?id=xxxx
(xxxxはショップID)にアクセスすると、デ
ザインしたテンプレートによる商品一覧が表示される。
※商品リストをご自分のサイトドメイン
名で表示させたいときは、Frameでページを作成して上記リストの
URLをその中に埋め込んでください。
※リストの上にある検索部分を
デザインする場合は、$pagestringのパラメーターは使えません。
https://www.ecstore.jp/cgi-bin/homemake/shop_product_list.cgi?id=xxxx
のソースの
<form method=post action="https://www.ecstore.jp/cgi-bin/homemake/shop_product_list.cgi">
から、/form>までをコピーして、デザインしてください。
検索部分をデザインする場合は、分類(カテゴリー)の個所を
下記のようにしてください。
分類<select name="productdir">〜</select>-->を削除して、
$dirselectstring
を記入してください。
ページ数の選択部分は下記のように修正してください。
テンプレートのほうは<select name="page">〜</select>を取り去り、
その部分に$select_pagestringを書き込めばページ選択欄
が正しく表示される。
現在のページ表示は以下を書き込む。
Page:$in{page} Total:$page Items/Page:$MAXITEMPAGE
また、ecstoreの商品説明ページ
https://www.ecstore.jp/cgi-bin/homemake/productasp.cgi?id=semi&page=2&password=&AccessKey=
にリンクして自サイトのframe内の同じwindowに表示したいときは、
テンプレートファイルの商品番号からのリンク
<a href="$in{producturl}" target="_blank">の
target="_blank"を削除してください。
注意:上記html tagは一部表記のために大文字
入力していますのでご注意ください。
5.デザインサンプル
サンプル1
サンプル2
サンプル3
サンプル4
実ショップの例:
http://www.glabseminar.com/seminar/index.php
http://www.glabseminar.com/download/index.php
※この説明ページと3.のソースサンプルでは、
ブラウザ上にhtml tagを表示させるためにhtml tagを
加工していますのでご注意ください。
それらはそのままコピーしても使えません。
|