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.

Garage as a returning-visitor signal

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.

Still stuck?

Support is answered by the people who wrote this code — not a ticket queue.

Contact support