{"title":"Select Your Vehicle","description":"\u003cdiv id=\"autosync-visualizer\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"display: none\"\u003e\n    \u003cscript src=\"https:\/\/vvs.autosyncstudio.com\/js\/Autosync.js\"\u003e\u003c\/script\u003e\n    \u003cscript\u003e\n        var autosync = new Autosync({\n            \/* Required *\/\n            id: 'autosync-visualizer',\n            key: 'rtwd',\n            \/* Optional *\/\n            \/*\n                Type: Boolean\n                Default: false\n                Important : If you set this option to true, the visualizer will be dynamically resized based on the content\n            *\/\n            adaptiveHeight: false,\n            \/*\n                Type: Boolean\n                Default: false\n                Important : If you set this option to true, the quote form to get client information will be skipped\n            *\/\n            disableQuoteForm: false,\n            \/*\n                Options: null, 'lookup', 'segment_selection', 'vehicle_make_selection'\n                Default: null\n                Examples:\n                    - homeStyle:  null\n                    - homeStyle: 'lookup'\n                    - homeStyle: 'segment_selection'\n                    - homeStyle: 'vehicle_make_selection'\n            *\/\n            homeStyle: null,\n            \/*\n                Options: 'tires', 'vehicles', 'wheels'\n                Default: ['tires', 'vehicles', 'wheels']\n                Important : 'vehicles' can't be used alone, you must use at least one of the other options\n                Examples:\n            - productSegment: ['tires', 'vehicles']\n                        - productSegment: 'tires'\n            *\/\n            productSegment: null,\n            \/*\n                Type: Function | null\n                Default: null\n                Important : This configuration can receive a callback function Callback({event, data}), callback function will receive the event name and the event data on an object.\n                Examples:\n                    - onEvent: function({event, data}) {\n                        console.log(event, data);\n                    }\n            *\/\n            onEvent: null,\n            scrollBar: false,\n            \/*\n                Options: 'home', 'vehicles', 'tires', 'wheels' or any valid path of the visualizer (e.g. '\/vehicle\/2023\/Acura\/Integra')\n                Default: 'home'\n                Example:\n            - startPage: 'tires' \/\/ It will start the visualizer on the tires page\n            *\/\n            startPage: null,\n            \/*\n                Options: Boolean or Object {sizesLookup: boolean, brandsLookup: boolean, vehiclesLookup: boolean, styles: string}\n                Default: false\n                Important : 'styles' must be CSS code and you should inspect the code of the visualizer to know the classes you can modify\n                Examples:\n                    - widget: true\n                    - widget: {\n                        sizesLookup: true,\n                        brandsLookup: true,\n                        vehiclesLookup: true,\n                        styles: `\n                            .autosync-visualizer {\n                                background-color: #f8f9fa;\n                            }\n\n                            .lookup-tabs {\n                                grid-template-columns: repeat(3, 1fr) !important;\n                            }\n                        `\n                    }\n            *\/\n            widget: false,\n        });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n","products":[],"url":"https:\/\/www.thetiremarks.com\/collections\/select-your-vehicle.oembed","provider":"Tire Marks","version":"1.0","type":"link"}