The storefront locator

Product finder

On a product page: the stores that carry it, near a shopper.

Shoppers on a product page ask a different question from shoppers on a store page. Not "where are your shops?" but "who near me has this?"

The Product finder block answers it: a search box, a radius, and the stores within that radius that carry the product being viewed. It is the same locator as the store finder — same map, same details, same wording — with the product already applied as a filter.

Adding it

  1. Online Store → Themes → Customise.
  2. Open a product page.
  3. Add section → Apps → Product finder.

The product fills in automatically from the page, so there is nothing to choose. Move the block where you want it — under the buy button is the usual spot.

You can also pin it to one product by setting Product in the block, which suits a landing page for a single item.

What a shopper does

  1. Sees the stores that carry this product, as a list.
  2. Types an address, or taps Use my location.
  3. Picks a radius.
  4. Gets the ones within it, nearest first, with distances.
  5. Opens a row for its address, phone, website and a link to directions.

A store with no stock of that product never appears — which is the point, and why the finder shows nothing at all on a page with no product.

It's a list, not a locator

Deliberately less than the store locator:

  • No map. A shopper on a product page wants to know who has it and how far away they are, not to browse a map. Nothing map-related loads, which keeps it light.
  • Rows that open. Each store is a row with its name and distance; opening it shows the few lines the locator's card shows. One opens at a time.
  • No photos, hours or custom fields. Those belong on the store locator, where there is room for them.
  • Directions are a link, not a button — it leaves for a map app, which is what links do.

Address search still needs your map provider's key, because turning what a shopper types into a point is a geocoding request. No map is drawn either way.

Setting it up

Settings → Customize → Product finder. Its profiles are separate from the store locator's — a different list, in the theme editor's picker too — so the two can't be taken for each other.

It offers a much smaller set of settings, because most of the locator's have nothing here to act on:

It hasIt doesn't
Search, suggestions, countries, "Use my location"A map, its style, its pins
Distance units, radiuses, the default radiusFilters and filter categories
Whether a row shows the address, contact details and distance, and the result countPhotos, hours, custom fields, social links
Colors, borders, corners, text sizeA panel, its width or which side it sits on

Search, suggestions, radiuses, distance units, colors and borders all work exactly as they do for the store locator.

Which stores stock what

The finder reads the products assigned to each location, which you set on the location itself under Products. See A single location.

A product with no locations assigned means the finder comes up empty, so it is worth checking a product or two after your first import — assignments don't come from a spreadsheet.