https://github.com/born05/craft-imagehotspots
Image Hotspots fieldtype for Craft CMS
https://github.com/born05/craft-imagehotspots
Last synced: over 1 year ago
JSON representation
Image Hotspots fieldtype for Craft CMS
- Host: GitHub
- URL: https://github.com/born05/craft-imagehotspots
- Owner: born05
- License: other
- Created: 2019-10-30T09:32:05.000Z (almost 7 years ago)
- Default Branch: craft5
- Last Pushed: 2024-08-20T14:56:11.000Z (almost 2 years ago)
- Last Synced: 2024-12-26T09:11:24.689Z (over 1 year ago)
- Language: PHP
- Size: 1.97 MB
- Stars: 5
- Watchers: 7
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Image Hotspots
Image Hotspots fieldtype for adding multiple hotspots to images from an asset element, matrix field, neo field or super-table field in Craft CMS.
## Setup & usage
1. Create an asset field for use with images.
2. Create a "Image Hotspot" field, pointing to the asset field's handle. _When used inside a super-table or matrix, multiple hotspots can be placed on one image._
3. Make sure the hotspot field is on the same or a higher level inside an entry. No asset field is needed when using the hotspot field directly on an asset element. _The hotspot field goes down the entry's element tree untill it finds the asset field matching the handle._
4. Fill the asset field on the entry and save.
5. Pick the hotspots on the asset using the "Hotspot" button.
## Requirements
- Craft 5
## Installation
Install from the Plugin Store or composer:
```bash
composer require born05/craft-imagehotspots
./craft install/plugin imagehotspots
```
## Screens
#### Field settings screen
#### Field in use inside a super-table
#### Hotspot picker in use
## GraphQl support
Use the field in graphql:
```gql
hotspot {
x
y
}
```
## License
Copyright © [Born05](https://www.born05.com/)
See [license](https://github.com/born05/craft-imagehotspots/blob/master/LICENSE.md)