Add Images to Your Stores

Modified on Fri, 1 Sep, 2023 at 3:32 AM

Overview

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.


Setup

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

    select stores

  4. Select Manage Locations.

    select manage locations

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

    Edit Locations

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

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

    paste this code in the name field

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

    replace #### with the URL to the image

  8. Select Save.
  9. Select Settings.

    select settings

  10. Select Display Settings.

    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.

    Insert Page Header HTML

  12. Select Save.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article