...
Table of Contents |
---|
Tire Widget Demo
Wheel Widget Demo
...
Example
Code Block | ||
---|---|---|
| ||
filters: { brand: ['Bridgestone', 'Firestone', 'Fuzion'], load_index: [91, 89], speed_rating: ['H', 'V', 'W', 'S'], price: { from: 100, to: 160 } } |
...
Example
Code Block | ||
---|---|---|
| ||
{ defaultSelectedQty: 4, minQtyInResults: 4, autoRedirectToSummary: true } |
...
Code Block | ||
---|---|---|
| ||
<script> TCWidget.initWheels({ apikey: 'd373e2721a7975fe8143c9545b412069', container: 'tireconnect' }).then(widget => { widget.searchWheelsByVehicle({ year: '[vehicle_year]', make: '[vehicle_make]', model: '[vehicle_year]', bodyType: '[vehicle_body_type]', subModel: '[vehicle_sub_model]', option: '[vehicle_option]', diameter: '[wheel_diameter]', locationId: [somelocation] }); }) </script> |
Adding filters & options
...
Example
Code Block | ||
---|---|---|
| ||
filters: { brandName: ['Motiv'], boreMax: ['73.1'], color: ['BLACK'], width: ['7.5'], price: { from: 109, to: 160 } } |
...
Code Block | ||
---|---|---|
| ||
<script> TCWidget.initWheels({ apikey: '[your_api_key]', container: 'tireconnect' }).then(widget => { widget.searchWheelsByVehicle({ year: [vehicle_year], make: '[vehicle_make]', model: '[vehicle_year]', bodyType: '[vehicle_body_type]', subModel: '[vehicle_sub_model]', option: '[vehicle_option]', diameter: [wheel_diameter], locationId: [somelocation], filters: { brandName: ['Motiv'], boreMax: ['73.1'], color: ['BLACK'], width: ['7.5'], price: { from: 109, to: 160 } } }, { autoRedirectToSummary: false }); }) </script> |
Search by Vehicle
...