SR Locations 02

This module renders a heading, description text, and a static map image with up to five manually placed points positioned by x and y coordinates, each point opening a tooltip with its own image, heading, and rich text content.

Pick this over SR Locations 01 when you want full manual control over point placement on a custom map image rather than pulling locations automatically from a HubDB table with lat/lon data. Requires an uploaded map image and manually set x and y coordinates plus tooltip content for each point, since there is no dynamic data source.

Use cases

Global office locations map
Regional presence with tooltips
Custom map with pinned highlights
Interactive facility diagram
Partner network map with hotspots
Product feature map on an image

Where it fits

Included with: PRO
Page sections: Content, Media, Features

Editable fields

Content tab

Field	Type	Notes
Enabled	Boolean
Background Video	File	Repeats: min 0, default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers.
Background Video Tablet	File	Repeats: min 0, default 1. This background video will only be used on tablet devices.
Background Video Mobile	File	Repeats: min 0, default 1. This background video will only be used on mobile devices.
ID	Text	Assign a ID to the module.
Class	Text	Assign a CLASS to the module.
Description	Rich text
Lead Text	Boolean	Turn on to make the Description text larger.
Map	Image
Edit Mode	Boolean	This doesn't actually add the dots to the map, it just allows you to see their coordinates. You'll need to add the dots to the map in the 'Points' section.

Heading Repeats: min 0, default 1.

Field	Type	Notes
Heading	Text
Heading Size	Choice	HTML heading size. Options: H1, H2, H3, H4, H5, H6, P.
Heading Display Size	Choice	Size that heading is displayed at. 11 options, including Auto, H1, H2.
Heading Color	Choice	13 options, including Auto, Primary, Secondary.
Heading Color	Color
Heading Align	Choice	Options: Auto, Left, Center, Right.

Points Repeats: default 5.

Field	Type	Notes
X Coordinates	Number
Y Coordinates	Number
Tooltip Placement	Choice	Auto will place the tooltips on the side with most space. 13 options, including Auto, Top, Top Start.
Image	Image
Content	Rich text
Lead Text	Boolean	Turn on to make the content text larger.

Points › Heading Repeats: min 0, default 2.

Field	Type	Notes
Heading	Text
Heading Size	Choice	HTML heading size. Options: H1, H2, H3, H4, H5, H6, P.
Heading Display Size	Choice	Size that heading is displayed at. 11 options, including Auto, H1, H2.
Heading Color	Choice	13 options, including Auto, Primary, Secondary.
Heading Color	Color
Heading Align	Choice	Options: Auto, Left, Center, Right.
Class	Text

Points › CTA Repeats: min 0, default 0.

Field	Type	Notes
CTA Type	Choice	Options: HubSpot CTA, Button, Modal, None.
CTA Style	Choice	11 options, including Primary, Secondary, Tertiary.
CTA	CTA
Button Text	Text
Link	Text
Modal Target	Text

Tooltip Settings

Field	Type	Notes
Animation	Choice	The type of transition animation. Options: Fade, Scale, Shift Away, Shift Toward, Perspective.
Animation Duration	Number	Duration in ms of the transition animation.
Arrow	Boolean	Determines if the tooltip has an arrow.

Style tab

Change log

Version	Change
2.0.0	Stardust update
1.1.2	Fixed file loading sequence
1.1.1	Minor css fix
1.1.0	Fixed issue with missing files
1.1.0	Accessibility improvements
1.0.0	Unlike SR Locations 01, this version uses manual location data instead of HubDB and can work with any background image.