ACF: Image Hotspots Field

February 23, 2017

ACF: Image Hotspots Field Plugin

Advanced Custom Fields add-on to allow the capturing of coordinates on an image, based on user clicks.

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

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

Screenshots

  1. This shows the setup in the ACF settings for a hotspot field

    This shows the setup in the ACF settings for a hotspot field

  2. This shows the setup in the ACF generated admin fields

    This shows the setup in the ACF generated admin fields

  3. This shows the final product of what the hotspot field can produce

    This shows the final product of what the hotspot field can produce

  4. This illustrates that the linked image can be a sibling to the hotspot field itself, or any of it's repeater parents

    This illustrates that the linked image can be a sibling to the hotspot field itself, or any of it's repeater parents

Changelog

1.0.0

  • Initial Release.

Details

  • Version: 0.1
  • Active installations: 3,000
  • WordPress Version: 3.5
  • Tested up to: 4.7.29

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars