Add Images to Each Store in the Results Section

• Store Locator
• All Versions
• Basic CSS knowledge required
• 10 Minutes

To add an image to a store in Store Locator, please follow these steps:

1. From Shopify's 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 cause the image to be a 100 px x 100 px square image, you can adjust the numbers to change the dimensions.

    

12. Select Save.

     

That's it!