Skip to main content
View Categories

Toolkit: Amenity Icons

Amenity Icons replaces the identical check mark next to every amenity on your property pages with a line icon that matches the amenity, so guests can spot the pool, the Wi-Fi, and the pet policy at a glance.


What it does #

A property page lists amenities as a grid of names, and every one of them gets the same check mark. Fifteen identical check marks tell a guest nothing until they read every line, and the list looks the same on every property no matter what it offers.

Amenity Icons reads each amenity’s name and swaps the check mark for a matching line icon. Matching goes by the name and copes with the spellings that come through from a PMS:

  • “Hot tub”, “Jacuzzi”, and “Spa” show the bath icon.
  • “Wi-Fi”, “WiFi”, and “Wireless internet” all show the Wi-Fi icon.
  • “Pet friendly” and “Dogs allowed” show the paw icon.
  • “Pool table” does not get the pool icon; the matching knows the difference.
  • “Fishing” or “Museums” match nothing, so they show whatever you chose as the fallback: the plain check mark, or no icon at all.

The set has 23 icons: Wi-Fi, TV, Washer / dryer, Air conditioning, Pool, Ocean / beach, BBQ / fire, Parking, Coffee, Fan, Kitchen, Stove / oven, Refrigerator, Patio / outdoors, Gym, Safety, Family / kids, Workspace, Pets, Bed / linens, Bath, Closet / iron, and Home / entrance.

The icons appear on the property page only: in the short amenities list on the page (the first nine amenities) and in the full list inside the Show All window. Property cards, search results, and the explorer are not changed.

Every amenity’s edit screen gets a Line icon choice, and the amenities list gets a Line icon column so you can scan the whole set at once. Pin any amenity to a specific icon, keep its check mark, or hide the icon for that one amenity. A pinned choice always wins over the automatic match.

How to turn it on #

1. Switch on the module #

In the HomeRunner Toolkit Hub, switch on Amenity Icons, then open its settings panel.

2. Make the one-time template edit #

The standard property page template draws its check mark directly and gives the module nothing to plug into, so Amenity Icons needs a small edit to that template. You make it once, through Conversion Kit’s Template Customizer, and your customized copy survives HomeRunner updates.

In WordPress, go to HomeRunner, then Conversion Kit, then Templates. Open the Property Display category and take a customized copy of property/amenities.php. In the editor, find the check-mark line, which appears twice (once in the inline list, once in the Show All window):

<span class="hk-width-auto" hk-icon="icon: check"></span>

Replace both with the line shown under Template hook (one-time setup) at the top of the Amenity Icons settings panel, then save:

<?php echo apply_filters( 'homerunner_amenity_icon', '<span class="hk-width-auto" hk-icon="icon: check"></span>', $amenity_term ); ?>

Until this edit is in place, property pages keep showing the check marks exactly as before, even with the module switched on. If editing template code is not your comfort zone, hand this step to a developer. It is two lines.

3. Choose the fallback, color, and size #

Back in the Amenity Icons panel, choose what to show when an amenity name matches no icon, set a color if you want the icons to differ from your amenity text, adjust the size, and click Save Amenity Icons Settings.

4. Fine-tune individual amenities (optional) #

In WordPress, go to Properties, then Amenities. The Line icon column shows what each amenity resolved to (a dash means no icon). Edit any amenity you want to change and pick from its Line icon list.

Settings #

SettingWhat it controls
Amenity Icons toggle (Toolkit Hub)Turns the module on for this site. Off by default.
When no icon matchesWhat an amenity shows when its name matches nothing in the icon set: Show the check mark (default) or Show no icon.
Icon colorA hex color such as #3d5166 for every icon. Leave it blank (the default) and the icons take the same color as the amenity text.
Icon size (px)Icon width and height on the property page, from 14 to 40. Default 22.
Line icon (on each amenity’s edit screen)Per-amenity choice: Auto (default) matches the name, or pin one of the 23 icons, the Check mark, or No icon. A pinned choice overrides both the automatic match and the fallback. Auto tells you what it currently matches, for example “Auto (matches: Pool)”.

Tips #

  • If property pages still show check marks, check three things in order. The module is switched on in the Toolkit Hub. The template edit from step 2 is in place in both loops (if only the first nine amenities show icons, the Show All loop was missed). And the amenity’s Line icon column shows an icon rather than a check mark or a dash; a check mark there means the name matched nothing, so pin an icon on its edit screen.
  • Pin rather than rename. “Climate control” matches nothing, while “Air conditioning” does. Pinning the Air conditioning icon on the amenity’s edit screen fixes the icon without changing the name your guests read.
  • Amenity Icons and Toolkit: Amenity Order work well together: one sets which amenities lead the list, the other makes each one recognizable.
  • The edit from step 2 lives in your customized copy of the amenities template. If you delete that copy or reset it to the HomeRunner default, the check marks come back until you redo the edit. See Conversion Kit: Template Customizer for backups and restores.
  • For the full list of Toolkit features, see the Toolkit Overview.