Storefront widgets
Garage
Multiple saved vehicles per shopper.
Households have more than one vehicle. The garage lets a shopper save several and switch between them, so the truck's lift kit and the daily driver's brake pads are two clicks apart instead of two searches.
Behaviour#
- Save multiple vehicles
- added from the hero, the bar, or the garage itself.
- One active
- the one every other widget answers for.
- Switch
- sets the active vehicle and routes to the block's switch redirect (blank →
/collections) so the new fitment applies immediately. - Remove
- an explicit per-vehicle action, never a side effect of Clear.
For a logged-out shopper the garage lives in the browser. For a logged-in customer it syncs to a customer metafield, so it follows them from the phone on the driveway to the laptop that evening.
Placement#
Either a header icon with a badge, or a sticky button in a bottom corner. Both are block settings. On a theme whose header can't take an app block, the sticky variant is the fallback that always works.
Settings#
- Position: header, sticky bottom-left, sticky bottom-right
- Icon style and badge behaviour
- Panel heading and empty-state copy
- Switch redirect URL
- Maximum saved vehicles (default 5)
The empty state matters#
A shopper who opens an empty garage should get an invitation, not a shrug. The default copy prompts them to add a vehicle and opens the selector inline. If your customers use language like "my rig" or "the shop truck", change it — this is one of the few places where a store's voice shows through the app.
A saved garage is the strongest retention signal on the storefront. It is worth an email flow: "40 new parts for your 2019 F-150 this month" beats a generic newsletter every time.
Support is answered by the people who wrote this code — not a ticket queue.