SEE VIDEO BELOW FOR INSTRUCTIONS...

Ridge Road Entrance
Handicapped Parking
 

Instructions for creating hot-spots on your images (VIDEO AND CODE)

 

1. Download the following ZIP file, which contains the "hotspot app": ZIPPED FILE

2. Watch the video below

3a. You will need to use the following "Page Header Injection Code" on the page where the map is added:

<link rel="stylesheet" type="text/css" href="https://thirdva.squarespace.com/assets/jquery-hotspotter.css" />

<!-- Interactive Map  -->
<script type="text/javascript" src="https://thirdva.squarespace.com/assets/jquery-hotspotter.js"></script>


<script type="text/javascript">
        jQuery(document).ready(function($) {
            //Run plugin when DOM is ready
            $('.hs-area').hotspotter();
        });
        </script>

3b. Add the code into the page's ADVANCED SETTINGS AREA / Page Header Code Injection and save. 

That's it!

click-paste.png