• Shopify Section
Banner image - hotspots
Turn a single lifestyle photo into a shoppable, interactive scene.
The Hotspots banner overlays clickable pins directly on top of a large image, letting customers explore a room, outfit, or product setup and shop (or learn more) without leaving the page. It's the "shop the look" experience, built right into a banner.
What's included:
- Full-width banner image with a heading and supporting text overlay in any corner position
- Product pins — place a marker anywhere on the image that pops up a mini product card with image, title, and price, linking straight to the product
- Text pins — drop custom callouts anywhere on the image to highlight features, materials, or details (e.g. "Hand-stitched seams," "Solid brass hardware")
- Independent mobile pin positions, so hotspots can be repositioned for smaller screens instead of just scaling down
- "Expand first pin" option to auto-open the first hotspot on load and draw attention to it immediately
- Customizable pin and text styling — highlight color, text color, and background for both the pins and the overlay text box
- Optional image overlay to darken or tint the background image for better text legibility
Best for: shop-the-look and shop-the-room scenes, product storytelling (materials, construction, details), and any lifestyle image where you want shoppers to explore before they click through.
Fully customizable: mix and match product pins and text pins, reposition them anywhere on the image, and restyle colors and fonts — the same section can power a shoppable lifestyle shot or a feature-callout diagram.
Install this section
Included in all Design Packs plans. Try free for 14 days.
- Works with any Shopify theme
- Customize in Shopify editor
- No developer required
• Style variations
Same section. Completely different stores.
Every example below uses the same Banner image - hotspots section just configured differently in the Shopify editor.
