設置方法（3ステップ）
1
コードをコピー
下記の埋め込みコードをコピーします
2
HTMLに貼り付け
ウィジェットを表示したい場所に貼り付けます
3
完了！
パーツ検索機能が自動的に表示されます
基本の埋め込みコード
<!-- PARTS HUB パーツ検索ウィジェット -->
<div id="parts-hub-widget"></div>
<script src="https://parts-hub-tci.com/static/widget.js"></script>
カスタマイズオプション
| 属性 | 説明 | デフォルト |
|---|---|---|
data-theme | テーマ（light / dark） | light |
data-category | 初期カテゴリ（all/engine/body/tools等） | all |
data-compact | コンパクト表示（カテゴリ非表示） | false |
data-max-results | 最大表示件数 | 6 |
data-target | 挿入先のHTML要素ID | parts-hub-widget |
ダークテーマの場合
<div id="parts-hub-widget"></div>
<script src="https://parts-hub-tci.com/static/widget.js"
data-theme="dark"
data-max-results="4"></script>
ライブデモ
ライトテーマ
ダークテーマ
ご利用にあたって
- ・ウィジェットの利用は無料です
- ・商用サイトでもご利用いただけます
- ・ウィジェットのソースコードの改変は禁止です
- ・「PARTS HUB」のクレジット表示を削除しないでください
- ・大量のAPIリクエストが発生する場合は事前にご連絡ください