Store Locator block Setup Guide

Intro: Help customers easily find your physical store locations. The R+ Store Locator block displays an interactive map and a searchable list of stores, allowing users to find locations by city, ZIP code, or address. Each location can include important details such as address, contact information, business hours, and directions, making it simple for customers to plan their visit.

When used together with Custom Locations and the Store Availability block, it enhances the shopping experience by letting shoppers know exactly where a product is available and how much is in stock.

Shopify themes are divided into Online Store 2.0 (new) and Legacy (older) themes. If you're using a Legacy theme, you won't be able to add app blocks through the theme customizer.

Add the Store Locator Block to Your Site for Online Store 2.0 (new) themes

Before using the Store Locator functionality, you need to add the block to a page template and optionally configure its appearance.

Step 1: Add the Store Locator Block to a Page Template

1. Go to Online Store → Themes, and click Customize on your active theme.

2. Open the page selector at the top, then go to Pages and press Create template.

   

   
   

3. Enter the template name (for example, Store Locator) and click Create template.

   

Next, create a page using this template:

4. Go to Online Store → Pages and click Add page in the top-right corner.
5. Enter the page name (for example, Store Locator).
6. Set the page visibility to Visible.
7. Choose the store-locator template you created earlier.

8. Click Save.

   

Now add the Store Locator block:

9. Go back to Online Store → Themes, and click Customize.
10. Open the page selector and choose your Store Locator page.
11. Click Add section and select R+ Store Locator.

12. Click Save.

    

Step 2: Customize the Store Locator Block

After selecting the R+ Store Locator block, the customization settings will open. Here you can configure the following options:

Section Settings

• Add Container — Enable this option to limit the content width on large screens. If disabled, the section will display in full width.
• Max Width — Set the maximum width of the section when the container is enabled.
• Section Margins (Desktop and Mobile) — Adjust the top and bottom spacing separately for desktop and mobile devices.
• Colors — Customize background and text colors.
• Page Layout — Choose the layout that best fits your store design.

Title Settings (Desktop and Mobile)

Customize the title text, font style, size, and color separately for desktop and mobile devices.

Primary and Secondary buttons settings

Configure the appearance of buttons used in store items, including styles, colors, and typography.

Step 3: Add the Store Locator Link to Your Menu

You can add a link to your Store Locator page in your header or footer menu. Follow the steps below:

1. Go to Online Store → Content → Menus and select the menu where you'd like to add the link (for example, Main menu or Footer menu).

   

2. Click Add menu item.
3. Enter the menu item name (for example, Store Locator).

4. Select your Store Locator page as the link destination.

   

   
   
5. Click V button, then click Save.

Your Store Locator page will now be accessible through your store's navigation menu.

Step 4: Add Translations for Your Store Locator Block

To add translations:

1. In the theme customizer, click the (...) menu.
2. Select Localize.

3. You will be redirected to the Translate & Adapt app, where you can edit translations for the languages used in your store.

Add the Store Locator Block to Your Site for Legacy (older) themes

To support Legacy themes, we provide the R+ Store Locator Embed block, which is added to the online store and can be opened using a floating button.

To enable the app for your theme:

1. Select the theme you want to apply
2. Click Go to Theme Editor → App Embeds
3. Enable the R+ Store Locator Embed embed block
4. Click Save in the upper-right corner

You’ll also find customization settings for the floating button and modal, allowing you to adjust the appearance of the Store Locator feature to match your store’s design.

Do you need help?

If you have any questions or run into issues, please contact us — we’re happy to help. Contact support.