
![]()

| 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%%
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である必要があります。