Versions Compared

Old Version 27

changes.mady.by.user Roman Melnychuk

Saved on

compared with

New Version Current

changes.mady.by.user Oleksandr Samarin

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents

Tire Widget Demo

Wheel Widget Demo

...

Example

Code Block
languagejsonjs
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.

...

Example

Code Block
languagejsonjs
{
   defaultSelectedQty: 4,
   minQtyInResults: 4,
   autoRedirectToSummary: true
}

...

location_id - Dealer's location ID

Example

Code Block
languagejs
widget.searchByVehicle({
	aces_id: 268647,
	location_id: 15290
});

...

season_id - Tire season

Example

Code Block
languagejs
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
languagejs
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
languagejs
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
languagejs
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
languagejs
widget.searchByRawSize({
	size: 1956515,
	location_id: 15290
});

...

location_id - Dealer's location ID

Example

Code Block
languagejs
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
languagejs
widget.searchByLicense({
	state: 'NH', 
	license: '12345',
	location_id: 15290
});

...

location_id - Dealer's location ID

Example

Code Block
languagejs
widget.searchByVIN({
	vin: '1N4AZ1CPXJC309165',
	location_id: 15290
});

...

addCustomerInfo

Example

Code Block
languagejs
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
languagejs
widget.addSupplierOrderInfo({
		poNumber: {
        value: '111222333',
        editable: false,
        singleUse: false
    }
});

...

Full usage example might look like this

Code Block
languagejs
<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: '       subModel: '[vehicle_sub_model]',
            option: '[vehicle_option]',
            diameter: '[wheel_diameter]',
            locationId: [somelocation]
        });
    })
</script>  

Adding filters & options

...

  • brandName

  • boreMax

  • color

  • width

  • price

Example

Code Block
languagejs
filters: {
    brandName: ['Motiv'],
        'Motiv'
      ],
    boreMax: ['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
languagejson
{
   autoRedirectToSummary: true
}

Full usage of filters and options example might look like this

Code Block
languagejs
<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:   [        brandName: ['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
languagejs
widget.searchWheelsByVehicle({
    year: 2022,
    make: "Acura",
    model: "ILX",
    bodyType: "Sedan",
    subModel: "",
    option: "",
    diameter: "18",
    locationId: 22592
});

...