# Store locator 🔥 ![image](https://docs-assets.foxecom.app/minimog-theme/image_ZET0O2HY.png) The **Store locator** section lets you easily display store locations with their exact addresses to make the shopping experience easier and more seamless for customers. You can showcase: * Store addresses * Opening hours * Contact information * Social media links * Store images * Additional store details Whether you are opening new branches, relocating stores, or updating business hours, simply edit the Store locator section to keep customers informed. The **Store locator** section is only available in Minimog **version 6.0.0 and above**. ✨ See [Changelog](/minimog-theme/changelog). ## How to add a Store locator section to your Shopify store **Steps:** 1. In the theme editor **(Customize)**, click **Add section.** 2. Select **Store locator.** 3. Make necessary changes. 4. **Save** the settings. ## How to edit a Store locator section ### Section settings #### General You can choose your **Container type** for the collection list as: * Default * Full width * Use container box Select the **Color scheme** for the section. Set up your Color schemes anytime in the Theme settings > [Colors](page://06f63b5e-e921-4319-88d7-bcdcf65d77f2). Select the **Container color scheme** for the content area inside the section. This allows you to create contrast between: * The section background * The store information container ![image](https://docs-assets.foxecom.app/minimog-theme/image_BpBNJzdj.png) #### Section header Enter the **Heading** for the Store locator section. Choose the **Heading size** as: * Heading xs * Heading sm * Heading md * Heading lg * Heading xl * Heading 2xl Add an optional **Description** using the rich text editor. ![image](https://docs-assets.foxecom.app/minimog-theme/image_DpVzUQFZ.png) #### Image Upload an **Image** for the store location. Choose the **Image width** as: * Small * Medium * Large ![image](https://docs-assets.foxecom.app/minimog-theme/image_WYYcdRoy.png) Choose the **Image position desktop** as: * Left * Right ![image](https://docs-assets.foxecom.app/minimog-theme/image_IGuAQgbm.png) This setting controls whether the image appears before or after the store information on desktop devices. ![image](https://docs-assets.foxecom.app/minimog-theme/image_A5LXFNtN.png) ![image](https://docs-assets.foxecom.app/minimog-theme/image_J0s20Bxn.png) #### Content Choose the number of **Columns** for the store information layout: * 1 column * 2 columns * 3 columns Adjust the **Item column gap** to control the horizontal spacing between content blocks (0-100px). Adjust the **Item row gap** to control the vertical spacing between content blocks (0-100px). ![image](https://docs-assets.foxecom.app/minimog-theme/image_pF1w9ujc.png) These settings help create a cleaner and more organized store information layout. #### Mobile settings Choose the number of **Item columns** displayed on mobile devices: * 1 column * 2 columns Adjust the **Item column gap** for mobile spacing (0-50px). Adjust the **Item row gap** for mobile spacing (0-50px). ![image](https://docs-assets.foxecom.app/minimog-theme/image_UpVSY3Tg.png) Use smaller gaps for compact layouts or larger gaps for improved readability. ### Block settings The Store locator section supports the following blocks: * [Text](#text) * [Icon box](#icon-box) * [Social media](#social-media) You can combine multiple blocks to build a flexible store information layout. ![image](https://docs-assets.foxecom.app/minimog-theme/image_9mXvllT0.png) #### Text The **Text** block is commonly used for: * Store address * Opening hours * Phone numbers * Email information * Direction links * Store notices ![image](https://docs-assets.foxecom.app/minimog-theme/image_8XLKMVfV.png) **Content settings** Enter the **Heading** for the text block. Choose the **Heading size** as: * Heading xs * Heading sm * Heading md * Heading lg * Heading xl * Heading 2xl ![image](https://docs-assets.foxecom.app/minimog-theme/image_oZNy4EY9.png) Add the **Text** content using the rich text editor. Select the **Text size** as: * Small * Base size * Large ![image](https://docs-assets.foxecom.app/minimog-theme/image_1ODVeyrs.png) **Button settings** Display a call-to-action button to redirect customers to your desired pages. Add a **Label** and **Link** for one or both, then choose a **Button style:** * Primary button * Secondary button * Underline button/White button Leave the **Button label** field blank to hide the button. and adjust the **Button size:** * Button small * Button medium * Button large ![image](https://docs-assets.foxecom.app/minimog-theme/image_uj6rck33.png) #### Icon box The **Icon box** block is commonly used for store services, feature highlights, brand values, promotional content, and support information. Choose the **Layout** for the Icon box: * Vertical * Horizontal ![image](https://docs-assets.foxecom.app/minimog-theme/image_insK2Y20.png) ![image](https://docs-assets.foxecom.app/minimog-theme/image_TNKJD6Pn.png) **Image settings** Upload an **Image** for the Icon box block. ![image](https://docs-assets.foxecom.app/minimog-theme/image_n5PdRSar.png) You can also use **Image from URL** to display an external image. ![image](https://docs-assets.foxecom.app/minimog-theme/image_cvjDpANo.png) Supported image formats: .svg, .png or .jpg *Example: [https://example.com/icon.svg](https://example.com/icon.svg)* Adjust the **Image width** in pixels. Leave the field blank to use the original image width. ![image](https://docs-assets.foxecom.app/minimog-theme/image_HXFuoxRw.png) Add an **Image link** to make the image clickable. ![image](https://docs-assets.foxecom.app/minimog-theme/image_MzQS9Dvq.png) Choose the **Hover effect** for the image: * None * Zoom in * Scaling up * Scaling down ![image](https://docs-assets.foxecom.app/minimog-theme/image_tTnBKAZ4.png) **Content settings** Enter the **Heading** text for the Icon box. Choose the **Heading size** as: * Heading xs * Heading sm * Heading md * Heading lg * Heading xl * Heading 2xl ![image](https://docs-assets.foxecom.app/minimog-theme/image_w5O3mibi.png) Add a **Description** using the rich text editor. Select the **Text size** for the description: * Small * Base size * Large ![image](https://docs-assets.foxecom.app/minimog-theme/image_wUkNJq5e.png) **Button settings** Display a call-to-action button to redirect customers to your desired pages. Add a **Label** and **Link** for one or both, then choose a **Button style:** * Primary button * Secondary button * Underline button * White button Leave the **Button label** field blank to hide the button. and adjust the **Button size:** * Button small * Button medium * Button large ![image](https://docs-assets.foxecom.app/minimog-theme/image_5zrWU6uD.png) #### Social media The **Social media** block displays your store’s social media icons. This helps customers follow your brand, stay updated and connect through social platforms. ![image](https://docs-assets.foxecom.app/minimog-theme/image_2RIpWeDo.png) Enter the **Heading** for the social media block. Choose the **Heading size** as: * Heading xs * Heading sm * Heading md * Heading lg * Heading xl * Heading 2xl ![image](https://docs-assets.foxecom.app/minimog-theme/image_DJqSIWmA.png) Update your social media links anytime in **Theme settings >** [Store contact](page://b0facb2b-cd70-4db5-965a-edbaf0055cb2).