Interactive demo
Two halves of the same app. Above, the vehicle search your shoppers use. Below it, the import screen you use — and what you import there changes what the search finds.
This page is a demo, not a store. The shop name, the parts, the part numbers and the fitment data are all made up, and nothing can be bought here.
On a real store this runs inside your theme, with your products and your own fitment data.
Vehicle fitment
The lists are built from the fitment data in the store. A vehicle you have no parts for never appears, so there are no dead ends.
The engine selector appears only where the data actually separates engines. Try a 2018 Ford F-150. Other vehicles never see that step.
On a product, a shopper who has chosen a vehicle gets fits or does not fit first, and the full vehicle list underneath.
Consecutive model years are grouped, so fourteen years read as one line. A gap stays visible: 2014-2015, 2017-2018.
Prices change by currency, discount and customer. The search shows what fits and leaves the price to your own product page.
Reload this page. The vehicle is still selected, the same way a returning shopper does not have to choose it again.
The search above is only worth as much as the data behind it. This is the other half: the import screen, with three files of the kind suppliers actually send. Choose what an import is allowed to do, look at the preview, and only then write it.
What you import here changes the store above. Import a file, then go back and search the same vehicle again.
Guides: how to add Year / Make / Model search to a Shopify store, and importing a supplier fitment file without losing what you already have, and where to get fitment data.