Super Image Markers adds a custom Craft CMS field for selecting one image asset, placing draggable markers on top of it, and linking each marker to an entry.

Use it for interactive maps, floor plans, product lookbooks, team photos, diagrams, venue layouts, or any image where editors need to point to related content.

• Select a single Craft asset image from the field input.
• Use Craft's native asset selector UI, including uploads when enabled.
• Preview the selected image directly in the Control Panel.
• Add round markers and drag them anywhere on the image.
• Store marker positions as X/Y percentages so they scale with responsive images.
• Double-click a marker to select a related Craft entry.
• Review selected entries, colors, coordinates, and ordering in a Craft-style table below the image.
• Choose marker colors and reorder markers with drag handles.
• Limit selectable asset sources, upload location, upload behavior, and entry sources from the field settings.
• Use simple Twig accessors for the selected image, marker rows, coordinates, colors, and related entries.
• Call process() to preload the image and marker entries before rendering.

• Craft CMS 5
• PHP 8.2 or newer