This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

ACF: Image Hotspots Field

Description

How to Use:

  • Install plugin
  • Create a custom field of this type & link it to an image field
  • Go to the admin section you made the field for & add an image to the linked field
  • The image will then load in the image mapping field, click to capture the coordinates, relative to the image
  • Coordinates are stored as comma separated strings

TODO:

  • Square mapping
  • Polygon mapping

Compatibility

This ACF field type is compatible with:
* ACF 5

Screenshots

  • This shows the setup in the ACF settings for a hotspot field
  • This shows the setup in the ACF generated admin fields
  • This shows the final product of what the hotspot field can produce
  • This illustrates that the linked image can be a sibling to the hotspot field itself, or any of it’s repeater parents

Installation

  1. Copy the acf-relative_coordinates folder into your wp-content/plugins folder
  2. Activate the Image Hotspots plugin via the plugins admin page
  3. Create a new field via ACF and select the Image Hotspots type
  4. Please refer to the description for more info regarding the field type settings

Reviews

26 Mei 2022
Hi dev, I found out your plugin/module is not updated anymore but still working on the latest core version of wordpress. This plugin is very helpful and unique. Hope to update and maintain this plugin. Thank you.
30 Julai 2019
I use this to add marker coordinates to a simple world map image. works great with repeater field. only “problem” is it saves the percentages as a string separated by comma and with a lot of decimals. so first thing to do is to explode the string in order to access the left and top percentages.
Read all 11 reviews

Contributors & Developers

“ACF: Image Hotspots Field” adalah perisian sumber terbuka. Orang-orang berikut telah menyumbang kepada pemalam ini.

Penyumbang

Changelog

1.0.0

  • Initial Release.