Component Active
C078 Full-width Image with Hotspots
An image component that uses hotspots to highlight, in situ, various products and solutions provided by Emerson.
This is a full-width image with hotspots. On selection, the hotspots reveal a modal with a short headline, optional image(s)/inline video(s), copy and CTA. When multiple images are used within a hot spot, thumbnails appear in the left 1/3 of the hot spot.
Component Detail
An interactive image component that uses hotspots to highlight, in situ, various products, solutions and benefits provided by Emerson. Can be featured on a variety of pages, including industry pages and platform landing pages, to bring attention to our product brands’ offerings in an eye-catching way.
Interactions
Hotspot captions activate when clicked or tapped. Users can carousel through to the next or previous hotspots using the left or right arrows next to the modal.
Specifications
Max Characters
Main Component Headline: 70
Single Hotspot Headline: 40-character count, max 2 rows per mobile
Hotspot Body Copy: 100-character count, max 4 rows per mobile
Hotspot CTA: 22-character count, max 1 row
Hotspot with two CTAs: Assess on a per-hot spot basis for best results
Image Asset Dimensions
Asset Size: 1660px x (variable)
Aspect Ratio: N/A
Recommended File Weight: <100kb
Image Display Sizes
Width: 1180px
Height: (variable)
Image Aspect Ratios
All devices: N/A
Modal Asset Dimensions
Asset Size: 570px x 324px
Recommended File Weight: <30kb
Display Width: 380px
Display Height: 216px
Aspect Ratio: 16:9
Thumbnail Asset Dimensions
Asset Size: 128px x 128px
Recommended File Weight: <5kb
Display Width: 64px
Display Height: 64px
Aspect Ratio: 1:1