もっと自分好みにカスタマイズ
ウィジェットアドバンス β Version

  • TOP
  • 表示例
  • 活用事例
  • 付録

付録

div.coneco_widget_adv_areaのtitle属性に指定できる設定項目一覧

項目 初期値
category_id カテゴリID(0=全体、1〜2桁=大カテゴリ、5桁=中カテゴリ、7〜8桁=小カテゴリ)
カテゴリ一覧をダウンロード(EXCEL形式)
0
com_id coneco.netの商品ID。半角カンマ「,」で区切って複数指定する事ができます(最大20個)。
coneco.net内の商品個別ページのURLの数字の部分が商品IDになります。
例)http://www.coneco.net/PriceList.asp?COM_ID=1080123061
 
count 表示件数(最大20件) 10
description_length 商品説明(%%description%%)に出力する商品説明の長さ。
指定した文字数を超えた場合は省略されます(0を指定した場合は全て表示)。
50
loading_img_url ローディング時に表示する画像のURL
flex 1を指定すると、カテゴリ選択で下位階層上位階層への移動可能 0
sort ranking=人気ランキング、price=安値順、-price=高値、new=新しい順 ranking
keyword 検索キーワード(日本語を使用する場合、UTF-8である必要があります)。空白で区切って複数指定可能  
or_search 1を指定すると、検索キーワードが複数指定された際にOR検索する 0
maker メーカー検索キーワード(日本語を使用する場合、UTF-8である必要があります)  
brand ブランド検索キーワード(日本語を使用する場合、UTF-8である必要があります)  
image 1を指定すると、画像のある商品のみを検索対象にします。 0
load_before_function 検索実行前に実行するJavascript関数名。カテゴリIDが渡されます。
関数がfalseを返却した場合、商品検索をキャンセルします。
 
show_before_function 検索結果表示前に実行するJavascript関数名。JSON形式の検索結果データが渡されます。
関数がfalseを返却した場合、検索結果の出力をキャンセルします。
 
show_alter_function 検索結果表示後に実行するJavascript関数名。JSON形式の検索結果データが渡されます。  




特別な意味を持つclass一覧

class 必須 説明
coneco_widget_adv_area 必須 DIV要素に対して指定すると、その要素内がウィジェットとみなされます。
以下のclass/idは、この要素内でのみ有効です。
crwa_category_selecter   SELECT要素に対して指定すると、その要素にカテゴリ一覧が展開され、クリックイベントにカテゴリによる再検索処理が割り当てられます。
crwa_items_list 必須 商品テンプレートとして変換対象となります。検索結果が複数の場合、この要素の内部(上記HTMLソース内の水色で表示されている範囲)が繰り返して出力されます。
crwa_move_first   クリックイベントに、検索結果の最初のページに移動する機能が割り当てられます。
crwa_move_next   クリックイベントに、検索結果の次のページに移動する機能が割り当てられます。
crwa_move_prev   クリックイベントに、検索結果の前のページに移動する機能が割り当てられます。
crwa_move_last   クリックイベントに、検索結果の最後のページに移動する機能が割り当てられます。
crwa_current_page   表示中のページ数が表示されます。
crwa_max_page   検索結果の総ページ数が表示されます。
crwa_category_anchor   A要素に対して指定すると、検索条件に指定されたカテゴリのconeco.netへのリンクになります。
crwa_disabled 自動 先頭ページ表示中には、crwa_move_firstとcrwa_move_prevのいずれかのclassが指定された要素に対して追加されます。
最終ページ表示中には、crwa_move_lastとcrwa_move_nextのいずれかのclassが指定された要素に対して追加されます。
表示例Dのスタイルシートの102行目から109行目の様にスタイルを設定する事で、移動できないページに対するページ遷移ボタンの見た目を変更する事ができます。

※上記のclassの内、同一classが一つのウィジェットテンプレート内に複数存在する場合、実際に有効となるのは最初に見つかった要素となります。





商品テンプレート内で使用できる変換キーワード一覧

キーワード 変換結果
%%rank%% coneco.netの全商品での人気ランキング
%%category_rank%% 検索条件内のソート順でのランキング
%%category_rank_img%% 検索条件内のソート順でのランキングを1〜3位までは画像で表示。4位以降は数字の後にピリオドが付いた形式
%%com_name%% 商品名
%%maker%% メーカー名
%%maker_full%% メーカー名(複数表記)
%%brand%% ブランド名
%%url%% 商品ページURL
%%img_url%% 商品画像URL(大)
%%s_img_url%% 商品画像URL(小)
%%no_image%% 画像が無い場合に"crwa_no_image"に変換
%%lowest_price%% 最安値
%%avg_price%% 平均価格
%%description%% 商品説明。description_lengthに指定された長さに切り詰められます。
%%description_full%% 商品説明。description_lengthの指定があっても切り詰められません。
%%release_date%% yyyy/mm/dd形式の発売日(日付が不明の場合はyyyy/mm)
%%release_date_yyyymm%% yyyy/mm形式の発売月
%%review_url%% 商品レビュー一覧ページURL
%%review_count%% 商品レビュー件数
%%rating%% ユーザー平均満足度(最大5)
%%rating_img%% ユーザー平均満足度 画像小 ユーザー平均満足度 画像小
%%rating_img_l%% ユーザー平均満足度 画像大 ユーザー平均満足度 画像大
%%no_rating%% レビューが0件の場合に"crwa_no_rating"に変換
%%latest_review_url%% 最新商品レビューURL
%%latest_review_title%% 最新商品レビュータイトル
%%latest_review%% 最新商品レビュー内容。description_lengthに指定された長さに切り詰められます。
%%latest_review_pros%% 最新商品レビュー(良い点)
%%latest_review_cons%% 最新商品レビュー(悪い点)
%%latest_review_pros_list%% 最新商品レビュー(良い点3件) ※<ul class='crwa_review_pros'>が自動生成され、li要素として出力されます。
%%latest_review_cons_list%% 最新商品レビュー(悪い点3件) ※<ul class='crwa_review_cons'>が自動生成され、li要素として出力されます。
%%latest_review_rating_img%% 最新商品レビュー満足度 画像小 最新商品レビュー満足度 画像小
%%latest_review_rating_img_l%% 最新商品レビュー満足度 画像大 最新商品レビュー満足度 画像大
%%latest_review_time%% 最新商品レビュー作成日時
%%spec_title1〜5%% スペック項目名
%%spec1〜5%% スペック情報
%%spec_class1〜5%% スペック情報が無い場合に"crwa_no_spec"に変換

※各キーワードが他のシステムとの衝突してしまうような場合、先頭に「crwa_」を付与しても同じ情報を表示することができます。
例)%%crwa_com_name%%





ウィジェットAPIのメソッド一覧

coneco.netウィジェットアドバンスには、ウィジェット外部やユーザー独自機能からウィジェットを操作するためのAPIが用意されています。
crwa_WidgetObject[テンプレートID]という記述でウィジェットオブジェクトを取得し、このオブジェクトのメソッドをAPIとして利用できます。
「テンプレートID」の部分は、ウィジェットの全体テンプレートとして定義した要素のIDを指定してください。 上記の表示例Dの場合は、1行目で設定したID「widget_sample1」を指定して以下のようにAPIを呼び出す事ができます。

1 crwa_WidgetObject["widget_sample1"].moveNext(); //次のページに移動



メソッド名 機能 パラメタ
moveFirst 設定されている検索条件で検索して最初のページを表示します。  
moveNext 設定されている検索条件で検索して次のページを表示します。  
movePrev 設定されている検索条件で検索して前のページを表示します。  
moveLast 設定されている検索条件で検索して最後のページを表示します。  
setKeyword 検索条件にキーワードを設定します。検索には別途moveFirst等を呼び出してください。 検索キーワード
setBrand 検索条件にブランド名を設定します。検索には別途moveFirst等を呼び出してください。 ブランド名
setMaker 検索条件にメーカー名を設定します。検索には別途moveFirst等を呼び出してください。 メーカー名
setComId 検索条件に商品IDを設定します。カンマ区切りで複数指定できます。検索には別途moveFirst等を呼び出してください。 商品ID
setCategoryId 検索条件にカテゴリIDを設定します。検索には別途moveFirst等を呼び出してください。 カテゴリID
getKeyword 検索条件に設定されているキーワードを返します。  
getBrand 検索条件に設定されているブランド名を返します。  
getMaker 検索条件に設定されているメーカー名を返します。  
getComId 検索条件に設定されている商品IDを返します。  
getCategoryId 検索条件に設定されているカテゴリIDを返します。  
moveCategory カテゴリの商品を検索して最初のページを表示します。setCategoryId、moveFirstの順に呼び出すのと同義です。 カテゴリID

※検索条件を指定するメソッドはtitle属性に指定した検索条件を上書きします。また、検索結果は全ての検索条件のAND検索となります。
※検索条件に日本語を使用する場合、UTF-8である必要があります。





カテゴリID一覧

カテゴリ一覧をダウンロード(Evcel形式)





価格比較サイトconeco.net

coneco.net(コネコネット)の人気商品ランキングを表示!coneco.netブログパーツ

coneco.net Web Servive

 
Copyright ©2008 Venture Republic, Inc. All Rights Reserved.