Shopify theme
  • INTRODUCTION
    • 💡Greeting
      • Discover Demos
      • Buy now
    • ✨Free Support
    • 🛅Changelogs
  • THEME INSTALLATION
    • How To Install themes
    • How to set up another demo?
    • Upgrade theme
  • SHOPIFY KNOWLEDGEBASE
    • User Guide
  • THEME SETTINGS
    • Header
      • Logo & Favicon
      • Announcement bar
      • How to set up Mega menu
    • Footer
    • Typography
    • Color
  • Button
  • Product Cards
  • Color Swatches
  • Wishlist
  • Sections
    • Slideshow v0
    • Slideshow v1
  • Featured collection
  • Featured collection v1
  • Collection list
  • Banner grid v0
  • Banner parallax
  • Banner hero
  • Banner creative v4
  • Marque
  • Testimonials v0
  • Testimonials v1
  • Testimonials v2
  • Blog post v0
  • Blog posts v1
  • Blog post v2
  • Rich text
  • Image with text
  • Compare
  • Image with hotspots
  • Icon with text
  • Icon with text v1
  • Email signup
  • Faqs
    • How to edit checkout page ?
    • How to config Currency & Languages?
    • How to import product?
    • How to add a video ( Media, 3d, Youtube, Vimeo) for the product?
  • Support
    • Theme Support
Powered by GitBook
On this page
  • General setting
  • Block Settings

Image with hotspots

PreviousCompareNextIcon with text

Last updated 11 days ago

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Image with hotspots

  3. Save

The Image with Hotspots section allows you to create an interactive experience by adding clickable hotspots to specific areas of an image. These hotspots can display additional content, product, when users click on them. This feature is perfect for highlighting details in a product image, creating interactive maps, or offering a more engaging way to explore visual content. You can easily customize the position of the hotspots and adjust their appearance, ensuring a seamless integration with your website's design. This section enhances user engagement by combining visual appeal with interactive functionality.

General setting

Heading

Color

Spacing and Custom Attributes

Block Settings