Installation. This page is ready
Add the locator to your Online Store theme. No code needed.
A full map with search, filters and a results list. Usually its own page (e.g. "Find a store").
In Shopify admin go to Online Store → Themes and click Customize on your live theme.
Open the page you want the map on (create one under Online Store → Pages first if needed), then choose Add section in the left sidebar.
Switch to the Apps tab and pick Store locator from Store Locator & Stockists: CA.
Adjust the section settings (height, default view) and click Save.
A compact block that lists the nearest stores stocking the product being viewed. Requires product assignments (Products page or the inventory API).
In the theme editor, open a Product template from the page selector at the top.
In the product information section, choose Add block, open the Apps tab and pick Where to buy from Store Locator & Stockists: CA.
Drag it where you want it (usually under the buy buttons) and Save.
The Store locator section reads two optional URL parameters, so you can link to a pre-filtered map from emails, product pages or ads:
?product=<id> — only show stores stocking that product (numeric product id or GID). Example: /pages/find-a-store?product=8123456789?near=<place> — search a place on load. Example: /pages/find-a-store?near=Boston%2C+MAThey can be combined: ?product=8123456789&near=02139.
Opens your live theme with the Apps tab selected.
Colors, corner radius and map style come from the Theme section on the Settings page. Distance unit and default radius live there too.