Visual Image Tagger is a special type of image block that allows you choose an image and to define highlighted boxes (visual tags) over the image. The tags will be listed as links under the image and when hovering over a link, the corresponding tag will be displayed over the image.

How to use

Add the block to an area just like any other block.

Click "Choose Image" button and select the desired image from file manager. The image will in the preview window, but the final output size is defined in the "Image output width" text input

To add a tag on the image, take the following steps:

  1. Click on the image where you want to add the tag. The tag box will appear over the image.
  2. Move and resize the tag box if needed
  3. Write text for the tag to the text input on the right-hand side.
  4. Click Add

To add additional tags, repeat steps 1-4. You can also edit or remove the existing tags by clicking "edit" or "remove" links on the tag list.

Other options

You can also write an optional title for the Image Tagger. The title will appear right under the image before the tag list.