> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shopify.lightsout.agency/llms.txt
> Use this file to discover all available pages before exploring further.

# List your physical stores with Facet's store locator

> Add your shops to Facet's store locator with addresses, opening hours and directions links, show a map picture, and feature your first store.

The Facet store locator lists your physical shops as numbered cards next to a map picture. The first store is also featured under the map with its details and buttons. This page explains how stores, addresses and the map are entered, and covers the section settings and the Store block.

![The Store locator section as it appears on the Facet demo storefront.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/store-locator/store-locator-overview.jpg?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=90fd42afa066ae18db4bcd400f2d56f9)

## What this section controls

* The heading, text and an optional button under the list.
* The map picture.
* The list of stores, each with its name, address, opening hours, picture and links.
* The featured store card under the map.

## How stores and maps work

You type every store into its own **Store** block. The theme doesn't read your Shopify locations, and it doesn't look up addresses.

The map is a picture you upload, not a live map. Shoppers can't zoom or move it. To help shoppers find a store, paste a link from your maps provider, such as Google Maps or Apple Maps, into each store's **Directions link**. The store card and the featured store then link to it.

> [!TIP]
>
> The cards are numbered 1, 2, 3 in block order. Make a map picture with matching numbered pins, for example a screenshot from your maps provider with numbers added, so shoppers can match each card to a spot on the map.

## Getting started

**1. Open the Theme Customizer**

In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet.

**2. Add the section**

In the **Sections** panel, click **Add section** and choose **Store locator**. It starts with three **Store** blocks. It can't be added to the header or footer.

**3. Enter your stores**

Click each **Store** block and fill in its name, address, opening hours and links. Drag your main store to the top: the first store is the featured one.

**4. Upload the map**

Click **Store locator** and pick your map picture under **Map image**.

![The theme editor with the Store locator section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/store-locator/store-locator-location.jpg?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=cbeeb5bbf1df920505c8c826fae67a56)

## Section settings

![Theme editor sidebar showing the Store locator section settings: Heading, Text, Map image, Featured store label, Button label.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/store-locator/store-locator-settings-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=39af7038258d5e1a8187ea46ca89e27f)

![Theme editor sidebar showing the Store locator section settings (part 2, scrolled): Link, Common settings, Color scheme, Top padding, Bottom padding, Page width, and more.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/store-locator/store-locator-settings-2.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=300955726dd8bac2b5f5617dcca468bb)

* **Heading**: the title above the stores. Default: "Visit our stores". Leave it empty to hide it.
* **Text**: an optional line under the heading.
* **Map image**: a static map picture. It is cropped to a wide shape, about 3:2. A placeholder shows until you pick one.
* **Featured store label**: the small label on the featured store card. Default: "Your nearest store". Leave it empty to hide it.
* **Button label** and **Link**: an optional button under the list of stores, for example to a page with all your stores. The button shows on your store only when it has both a label and a link. In the Theme Customizer a button without a link stays visible so you can still select it.

On screens 990 pixels and wider, the list takes the left side and the map the right. On smaller screens the list comes first and the map below it.

### Common settings

* **Color scheme**: the colors of the section.
* **Top padding** and **Bottom padding**: None, Small, Medium, Large (default) or Extra large.
* **Page width**: Narrow, Narrower, Fluid (default) or Full.

See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details.

## Blocks

### Store

![Theme editor sidebar showing the Store block (in Store locator) settings: Store name, Address, Opening hours, Image, Store details link, Directions link.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/store-locator/store-locator-block-store-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=9b5498fc4b2edb0b510dc24864500368)

One shop. Add a block for each store and drag them to change their order. This block belongs to the store locator and can't be used in other sections.

* **Store name**: default "New York boutique".
* **Address**: the street address. Line breaks you type show as separate lines on the card.
* **Opening hours**: one line of text, for example "Mon to Sat, 10:00 to 18:00".
* **Image**: a small picture of the shop on its card. A placeholder shows until you pick one.
* **Store details link**: a page about the store. Shows a **Store details** button on the featured store card only.
* **Directions link**: a maps link. Adds an arrow button to the store's card, and a **Get directions** button on the featured store card. Both open in a new tab.

The first **Store** block also fills the featured card under the map: its picture, the **Featured store label**, its name, address and hours, and the two buttons.

## Best practices

* **Put your busiest store first.** The first store is the one featured under the map, and the label says "Your nearest store" by default. Change the label if that isn't true for most shoppers.
* **Put each part of the address on its own line.** For example "Kalverstraat 1" on the first line and "1012 NX Amsterdam" on the second, the way it reads on an envelope.
* **Add a directions link to every store.** Without it, a store card has no link at all.

## Related guides

> [card] [Contact](https://docs.shopify.lightsout.agency/themes/facet/pages-templates/contact.md)
>
> Set up the contact page that often sits next to your store list.

> [card] [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md)
>
> Padding, width and color settings shared by most sections.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.