# BW Image Hotspot

A WordPress plugin that adds interactive hotspots to images with customizable tooltips.

## Features

- Add multiple hotspots to any image
- Each hotspot can display text, image, or both
- Pulsating red circles on idle state
- Black tooltip popup on hover
- Responsive design
- Full Gutenberg block editor integration

## Installation

1. Upload the plugin folder to `/wp-content/plugins/`
2. Navigate to the plugin directory
3. Run `npm install` to install dependencies
4. Run `npm run build` to build the plugin assets
5. Activate the plugin through the WordPress admin panel

## Development

- `npm run start` - Start development build with watch mode
- `npm run build` - Create production build
- `npm run lint:js` - Lint JavaScript files
- `npm run lint:css` - Lint CSS/SCSS files

## Usage

1. Add the "BW Image Hotspot" block to any page or post
2. Upload an image
3. Click "Add Hotspot" button
4. Click on the image where you want to place the hotspot
5. Configure the hotspot tooltip in the sidebar:
   - Add text content
   - Optionally add an image
6. Repeat for additional hotspots

## Author

**Bowden Works**  
Website: https://bowdenworks.com

## License

GPL v2 or later