Versions Compared

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
    }
}

...

Example

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

...

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

Adding filters & options

...

Example

Code Block
languagejsonjs
filters: {
    brandName: ['Motiv'],
    boreMax: ['73.1'],
    color: ['BLACK'],
    width: ['7.5'],
    price: {
        from: 109,
        to: 160
    }
}

...

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: ['Motiv'],
                boreMax: ['73.1'],
                color: ['BLACK'],
                width: ['7.5'],
                price: {
                    from: 109,
                    to: 160
                }
            }
        }, {
            autoRedirectToSummary: false
        });
    })
</script>

Search by Vehicle

...