Skip to main content
View Categories

Toolkit: Location Tile Image

Location Tile Image replaces the random stock photo on your explorer’s region tiles with your own site icon or a chosen image, so region browsing looks like your brand instead of a stock photo library.


What it does #

The “Our Regions” tiles in your explorer’s Where/Location step need a small thumbnail for every region. Out of the box, any region without its own curated photo gets a random placeholder pulled from a third-party stock photo service, a different unrelated image on every page view, plus an outside request your site did not ask for.

Location Tile Image replaces that placeholder with something that actually belongs to your brand. Turn the module on and, with no further setup, every region tile that lacked a custom photo switches from a random stock image to your site’s own favicon (the Site Icon set under Settings, General). You can also choose one specific image for every tile instead, and adjust the tile’s background color and corner radius so it fits your site’s style.

For example, a site with no favicon set and a dozen unphotographed regions previously showed a dozen different random stock photos on the region picker. After switching this module on, every one of those tiles shows the same small, clean site icon on a white circular background instead.

What guests see:

  • A consistent tile image across every region that has not been given its own custom photo, instead of a different random photo each visit.
  • No third-party stock photo request loading in the background.
  • Any region that already has its own curated photo (set on the region itself) keeps showing that photo. This module only fills in the gaps.

How to turn it on #

1. Switch on the module #

In the HomeRunner Toolkit Hub, switch on Location Tile Image. If your site already has a Site Icon set under Settings, General, the region tiles start using it immediately. No further setup is required to get off the stock placeholder.

2. Choose a custom image (optional) #

Open the module’s settings and, under Region Tile Image, choose an image from your media library if you want the tiles to show something other than your Site Icon (SVGs are supported, and the module quietly turns on SVG uploads for you the first time it runs so you can use one). Leave this blank to keep using your Site Icon.

3. Set the tile background color #

Pick a background color for the tile. This shows behind the image, so choose a color that gives a logo mark room to breathe (white is the default, since a dark icon on the plugin’s original grey background was hard to read).

4. Set the tile corner radius #

Adjust the corner radius to match your site’s style, from a soft-rounded square up to a full circle. The tiles are 40 pixels square, so a radius of 20 or higher already reads as a perfect circle.

5. Save #

Save your settings. The region tiles update the next time the explorer’s Where/Location step loads.

Settings #

SettingWhat it controls
Region Tile ImageAn optional image from your media library to use on every region tile that lacks its own photo. Leave blank to use your Site Icon automatically. Default: none (falls back to Site Icon).
Tile Background ColorThe color shown behind the image on each tile. Default: white (#ffffff).
Tile Corner RadiusHow rounded the tile corners are, from square to a full circle. Default: 25 pixels, which already renders as a full circle on the 40-pixel tile. Accepts 0 up to 100.

Tips #

  • If you have not chosen a custom image or set a Site Icon, the module tries to find a favicon from your theme automatically, but only if that icon file lives in your media library. If your tiles are still showing the old stock placeholder, the fastest fix is setting a Site Icon under Settings, General.
  • A region that already has its own custom photo set directly on that region keeps showing that photo. This module only replaces the picks that would otherwise fall back to a random stock image.
  • For broader control over your search bar and property card styling (colors, corners, fonts) to match your brand, see Toolkit: Skin.