Add Images to Each Store in the Results Section

This article outlines how to add images to each of your stores in Store Locator.

These images will appear for your customers after they have performed a search.

1. From the Shopify admin, select Apps.
2. Select Store Locator.
3. Select Stores.

   

4. Select Manage Locations.

   

5. Select Edit next to the store to add the image.

   

6. Paste this code into the Name Field before the name:

   <img class="result_image" src="####"/>

   

7. Replace #### with the URL to your image.

   

8. Select Save.
9. Select Settings.

   

10. Select Display Settings.

    

11. Copy and paste this code into the Page Header HTML box:

    <style> .result_image { float: left; margin-right: 10px; height: 100px; width: 100px; } </style>

    Note: This CSS will force the image to be 100px by 100px. You can adjust the numbers to change the dimensions.

    

12. Select Save.