...
| 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
}
} |
Also, you can add search options to any of search methods.
...
defaultSelectedQty - provide default selected Qty
minQtyInResults - provide minimum searched Qty
autoRedirectToSummary - flag, which will say widget to go to summary page if results have only 1 item
Example
| Code Block | ||
|---|---|---|
| ||
{
defaultSelectedQty: 4,
minQtyInResults: 4,
autoRedirectToSummary: true
} |
Full usage of filters and options example might look like this
| Code Block | ||
|---|---|---|
| ||
<script>
TCWidget.init({
apikey: '[your apikey]',
container: 'tireconnect',
}).then(function(widget) {
widget.searchByVIN({
vin: '[VIN_code]',
location_id: [somelocation],
filters: {
brand: ['Bridgestone', 'Firestone', 'Fuzion'],
load_index: [91, 89],
speed_rating: ['H', 'V', 'W', 'S'],
price: {
from: 100,
to: 160
},
run_flat: 1,
light_truck: 1,
category: 10,
season_id: 1,
offers: 293
}
},
{
defaultSelectedQty: 4,
minQtyInResults: 4,
autoRedirectToSummary: true
}
})
});
</script> |
Search by Aces
...
location_id - Dealer's location ID
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchByVehicle({
aces_id: 268647,
location_id: 15290
}); |
...
season_id - Tire season
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchByVehicle({
year: '2017',
make: 'Toyota',
model: 'Highlander',
trim: 'SE',
car_tire_id: '168544',
location_id: 12650,
season_id: 'all'
}); |
...
season_id - Tire season
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchByVehicle({
year: '2016',
make: 'BMW',
model: '228i xDrive',
trim: 'Coupe',
car_tire_id: '142318||142319',
location_id: 15290,
season_id: 'all'
}); |
...
speed_rating - Speed rating
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchBySize({
width: 195,
height: 65,
rim: 15,
location_id: 15290,
season_id: 'all',
load_index: '89',
speed_rating: 'H'
}); |
...
season_id - Tire season
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchBySize({
width: {f: 195, r: 205},
height: {f: 65, r: 55},
rim: {f: 15, r: 16},
location_id: 15290,
season_id: 'all'
}); |
...
location_id - Dealer's location ID
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchByRawSize({
size: 1956515,
location_id: 15290
}); |
...
location_id - Dealer's location ID
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchByPartNumbers({
part_numbers: ['9','90000003278','240','8501','15494650000','402542073','100A1524','1014241','78380','84671','72016','90000007446','38076'],
location_id: 15290
}); |
...
location_id - Dealer's location ID
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchByLicense({
state: 'NH',
license: '12345',
location_id: 15290
}); |
...
location_id - Dealer's location ID
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchByVIN({
vin: '1N4AZ1CPXJC309165',
location_id: 15290
}); |
...
addCustomerInfo
Example
| Code Block | ||
|---|---|---|
| ||
widget.addCustomerInfo({
name: 'John Doe',
phone: '4564564562',
email: 'john@doe.com',
zipPostalCode: 'L4S0B8',
city: 'Richmond Hill',
stateProvince: 'ON',
addressLine1: '30 Via Renzo Drive',
addressLine2: 'Suite 254',
preferredTime: '2020-11-30 17:15', //15 min step
wayToContact: 'phone',
vehicle: {
year: '2020',
make: 'Honda',
model: 'CR-V',
trim: 'LX',
carTireId: 162713
}
}); |
...
editable: true/false (optional with true being default)
singleUse: true/false (optional with false being default)
Example
| Code Block | ||
|---|---|---|
| ||
widget.addSupplierOrderInfo({
poNumber: {
value: '111222333',
editable: false,
singleUse: false
}
}); |
...
Full usage example might look like this
| Code Block | ||
|---|---|---|
| ||
<script> TCWidget.initWheels({ apikey: 'd373e2721a7975fe8143c9545b412069', container: ' container: 'tireconnect' }).then(widget => { widget.searchWheelsByVehicle({ year: '[vehicle_year]', make: '[vehicle_make]', model: '[vehicle_year]', bodyType: '[vehicle_body_type]', subModel: '[vehicle_sub_model]', option: option: '[vehicle_option]', diameter: '[wheel_diameter]', locationId: [somelocation] }); }) </script> |
Adding filters & options
...
brandName
boreMax
color
width
price
Example
| Code Block | ||
|---|---|---|
| ||
filters: {
brandName: [
'Motiv'
],
boreMax: ['73.1'],
color: ['BLACK'],
width: ['7.5'],
price: {
from: 109,
to: 160
}
}
} |
Also you can add search options.
...
autoRedirectToSummary - flag, which will say widget to go to summary page if results have only 1 item
Example
| Code Block | ||
|---|---|---|
| ||
{
autoRedirectToSummary: true
} |
Full usage of filters and options example might look like this
| 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: [ filters: { 'Motiv' ], boreMaxbrandName: ['Motiv'], boreMax: ['73.1'],, color: ['BLACK'], width: ['7.5'], price: { from: 109, color: ['BLACK'], widthto: ['7.5'],160 price: { from: 109, } to: 160 } } } }, { autoRedirectToSummary: false }); }) </script> |
Search by Vehicle
...
location_id - Dealer's location ID
Example
| Code Block | ||
|---|---|---|
| ||
widget.searchWheelsByVehicle({
year: 2022,
make: "Acura",
model: "ILX",
bodyType: "Sedan",
subModel: "",
option: "",
diameter: "18",
locationId: 22592
}); |
...