Hello, that isn’t currently supported, but we do have that as a potential feature for future releases, but it wouldn’t be anytime soon.
A potential workaround could be accomplished if you manually build a list of the donors and link to the hotspots like we describe in this article:
https://wpdrawattention.com/document/build-link-opens-hotspot-page-load/
Note: these links won’t work on the same page as the Draw Attention image (that would require custom javascript). But “out of the box”, you could do this with a “Search by Donor” page that then links to the page with the Draw Attention image, automatically highlighting that person.
Hope that helps,
Nathan
A custom javascript search would something like our code below (it’s not perfect, but creates a dropdown menu that you could put on the same screen as the Draw Attention image). If you have more questions about this, please contact our pro support at [email protected] and we’ll be happy to help you out with code samples.
Thanks,
Nathan
jQuery(document).ready(function($){
/* Select the container for the hotspots */
var daImage = $('.hotspots-container');
/* Select all the areas in the container */
var areas = daImage.find('area');
/* Create a new select element */
var newSelect = $('<select id="daSelector"><option>Search...</option></select>');
/* Prepend the select before the container */
newSelect.prependTo(daImage);
/* Loop through the areas and create a new option for the select for each one */
areas.each(function(){
var $this = $(this);
/* Use the href value of the area as the value of the option */
newSelect.append('<option value="' + $this.attr('href') + '">' + $this.attr('title') + '</option>');
});
/* Bind an onchange event handler to the select */
newSelect.on('change', function(){
/* Get the value of the select box, which is the id of the more info box associated with the selected item */
var area = $(this).val()
/* Find the area of the map that links to the more info box */
var hotspot = daImage.find('area[href="' + area + '"]');
/* Trigger a click event on the area - that fires off the Draw Attention functionality to highlight the spot and display the more info box */
hotspot.click();
});
});
Hi, no there’s not currently a search feature supported with Draw Attention. I’d individually create a list of donors and then connect them to hotspots. Hopefully they come up with this feature soon. It’s a hassle.
