DiviGrid · Image Hotspot module for Divi 5
Image Hotspot: 10 pictures that answer questions
Put small markers on a photo and show a tooltip when people point at them: a product and its price, a place on a map, a feature, a dish. Ten ready-made pictures with ten kinds of markers.
Shop the look · Desk setup · Resort map · City tour · Camping · Brunch menu · Kitchen · Trail · Outfit · Ride kit
Use case 01 · Furniture & home shops
Shop the whole room.
Everything in this living room is in our spring collection. Point at a piece to see it up close, with its price.
● Hover the white dots
White pulsing dots · tooltips with a photo, name and price on a white card
Lune sofa
Three seats, washable linen · €1,490
Oslo armchair
Grey wool, oak legs · €690
Halo pendant
Brushed steel, 45 cm · €240
Frame table
White lacquer and steel · €420
Use case 02 · Products, gear & tech shops
The calm desk kit
Four things we use every working day. Point at a number.
Stoneware mug
Keeps coffee hot for an hour. €24
Daily notebook
Lined, 120 pages, lies flat. €12
Steel pen
Refillable, smooth black ink. €18
Laptop stand
Lifts the screen 12 cm. €59
Numbered text spots in indigo with a white ring · dark tooltips that open to the right with a scale animation
Use case 03 · Resorts, campsites & parks
Find your way around the bay
Lagoon Bay Resort on one picture. Tap an icon to see what is there and when it opens.
Tap an icon to open it
The lagoon
Calm water, paddle boards free from 9:00.
Sunset beach
Loungers and towels for guests.
The pier
Snorkel trips leave at 10:00 and 14:00.
Palm Kitchen
Breakfast 7–11, dinner 18–22.
Palm garden
Shade, hammocks and a quiet bar.
Icon spots, one icon per place · tooltips open on click and stay open (interactive) · a web-pulse ring on every spot
Use case 04 · Tours, guides & city passes
Four stops, one evening walk
Our sunset tour climbs three rooftops and ends with dinner. Point at a stop.
18:30 · Glass Tower
Lift to the 54th floor for the first view.
19:15 · Black Bank
A quiet roof garden between offices.
20:00 · Copper Hotel
Sunset drinks on the 30th floor.
21:00 · Old Quarter
Dinner in a family bistro.
Text spots as dark pills with a gold outline · gold tooltips open below with a perspective animation
Ridge 2 tent
Two people, 2.1 kg, up in five minutes.
Night 2: Blue Ridge
A 14 km walk with 600 m of climbing.
Sea of clouds
Best seen at sunrise, around 6:10.
Leave no trace
Pack it in, pack it out. Fires only in the rings.
Use case 05 · Outdoor brands & adventure trips
Two nights above the clouds
Our guided mountain camp, with the tent and gear we bring. Point at an icon.
Rounded-square icon spots with a soft pulse · dark brown tooltips
Use case 06 · Cafés, restaurants & menus
The Sunday table, priced
Our brunch menu as it lands on the table. Point at a price tag for the dish.
Buttermilk waffle
Berries, honey and crème fraîche.
Shakshuka
Two eggs in spiced tomato, sourdough.
Green bowl
Leaves, grains and toasted seeds.
Filter coffee
Free refills before noon.
Full breakfast
Eggs, sausage, beans, jam and toast.
Granola plate
Yoghurt, fruit and our own granola.
Price tags as text spots (cream tag, serif price) · tooltips follow the cursor · rounded photo corners (module radius)
Use case 07 · Kitchen, bath & interior studios
Small kitchen, big light
A 6 m² apartment kitchen we rebuilt around one window. Point at a plus to see what we chose and why.
Plus icons on soft white circles · tooltips open to the left, no arrow, with a fade
Glass pour-over
Brews six cups, lives on the counter.
Gas range
Four burners in 60 cm.
Deep window sill
A 30 cm sill becomes a herb shelf.
Solid-surface top
One seamless white worktop, easy to clean.
Use case 08 · Hiking, ski & travel guides
The Lake Loop, step by step
18 km · 6 hours · 940 m of climbing. Point at a height to read about that part of the trail.
Grey Peak summit
The last 200 m are steep scree. Turn back if it is windy.
Seal Rock
Lunch stop with the best reflection photo.
Pine forest
Shady and cool, water tap at the hut.
East ridge
Wide path, views back over the lake.
Height labels as text spots (glass dark tags with a blue line) on the same photo used, darkened, as the section background
Use case 09 · Fashion & clothing shops
Get the look.
Denim on denim, a white rib top and yellow jeans for spring. The little round photos are the products: point at one.
Washed denim jacket
Oversized, 100% cotton · €89
Rib tank top
Soft organic cotton · €19
Sunny high-waist jeans
Straight leg, mustard · €69
Image spots: each marker is a round crop of the product, with a yellow ring and a pulse · square black tooltips open to the right
Use case 10 · Bike shops, sports & equipment
Built for the long way home
The Aero 2 road bike and the kit our riders swear by. Point at a bolt.
Lime bolt icons with a dark ring · glass tooltips open below
Race jersey
Three back pockets, light mesh.
Aero 2 frame
Aluminium, 8.6 kg, 22 gears.
All-road tyres
32 mm, tubeless ready.
Unique Demo Made By
Divi Image Hotspot Module
The DiviGrid's Divi Image Hotspot Demo is designed to showcase the functionality and versatility of the DiviGrid plugin by creating an interactive and visually appealing demonstration of image hotspots. Users will be able to hover over or click on predefined hotspots on an image to reveal additional information within the image.
Elegant Voyager Tote
An epitome of style and convenience, this bag complements both casual and formal looks. Crafted to perfection, it ensures durability without compromising on design.
Serenity Soak Tub
Dive into relaxation with our modern tub design. Built with comfort in mind, it's the perfect addition to your personal spa day. Shop NowLuxe Comfort Couch
Sink into comfort with our plush sofa. Its elegant design and premium fabric make it a perfect blend of aesthetics and functionality. Shop NowLiterary Elegance Shelf
Featuring a contemporary design, our bookshelf not only houses your literature collection but also adds an artistic touch to your living space. Shop NowSleek Sienna Stool
Minimalistic yet sturdy, our stools are versatile additions to any home. Whether it's for extra seating or decorative purposes, they fit right in. Shop NowVibrant Velvet Cushion
Accentuate your living space with our throw pillows. Available in various designs, they add a pop of color and comfort to any room.
Sternocleidomastoid Muscle
This is the large muscle on either side of the neck. This muscle covers and protects many important deeper structures such as the carotid artery and the jugular vein. This muscle starts at the skull just behind the ear (mastoid bone) and travels down to the sternum (breastbone) and clavicles (collarbones).
Thyroid Gland
The thyroid is located at the midline of the neck, under the skin and a few layers of thin muscles. It sits just in front of and to the side of the upper trachea. It secretes thyroid hormone which is important in regulating many functions of the body. The thyroid gland has a right and left lobe which are connected by an isthmus. Learn more about the thyroid.
Parathyroid Glands
These four glands are located just behind the thyroid gland, two on each side. They are critical in helping to regulate levels of calcium in the blood.
Carotid Sheath
This is an envelope of fascia that envelopes three major structures: the carotid artery, internal jugular vein, and vagus nerve.
What is the humerus?
The humerus is your upper arm bone. Other than the bones in your leg, it’s the longest bone in your body. It’s a critical part of your ability to move your arm. Your humerus also supports lots of important muscles, tendons, ligaments and parts of your circulatory system.
If you experience a fractured (broken) humerus, you might need surgery to repair your bone and physical therapy to help you regain your strength and ability to move.
Your humerus — like all bones — can be affected by osteoporosis.
Because your humerus is connected to so many muscles and nerves, injuries to one can often affect the others.
What are your lungs?
Your lungs make up a large part of your respiratory system, which is the network of organs and tissues that allow you to breathe.
You have two lungs, one on each side of your chest, which is also called the thorax. Your thorax is the area of your body between your neck and your abdomen.
Right lung
The lung on your right side is divided into three lobes: the superior, the middle and the inferior. It’s shorter than your left lung, but also wider than your left lung. Both of your lungs are covered with a protective covering called pleural tissue.
Left lung
Your left lung has two lobes: the superior and the interior. Your left lung is smaller than the right because your heart is where the middle lobe on your left lung would be. Your left lung has two parts that your right lung doesn’t have: the cardiac notch (where your heart fits) and the lingula, an extension of the superior lobe.
Discover the Human BodyA Deep Dive intoOur Complex Anatomy
Embark on an interactive journey through the human body, a remarkable structure of intricate systems and components that work seamlessly together. Our body is a marvel of nature, housing millions of cells, each playing a crucial role. Hover over the hotspots to unveil the mysteries of our organs, bones, and systems. Dive deep into understanding their functions, importance, and the miraculous ways they collaborate to keep us alive and thriving. This exploration will enlighten you about the wonders within us and the significance of every component in the symphony of life."
Waves of Sound
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris. Dignissim pellenque dignissim fells.
- Morbi in sem quis dui placerat ornare.
- Pellentesque odio nisi euismod in pharetra a ultricies.
- Sed arcu. Cras consequat.
Mouth Speaker
Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.
Soft Headband
Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.
Dynamic head tracking
Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.
Beats Studio Pro
Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.
Noise Cancellation
Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.
Gear Box
Hub
Seat
Battery Box
Handle & Breaking
Tire & Tube
FlexibilityRide With Freedom And Fun,Ride Like A Pro.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
Charch
Apple Office
Samsung Office
World Trade Center
Chamber Of Commerce
Google Office
DiviGrid Office
Styling withFont Awesome Icon & Image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Consectetur adipiscing elit. Ut elit tellus.
Sofia Loren
Andre Edward
Julie Niguan
Mark william
Narco Miller
Ian Bishop
Our OfficesGet InTouch
Come and visit our quarters or simply send us an email anytime you want. We are open to all suggestions from our clients.
410 North Capital St. NW, Suite 372 Washington, DC 20001
23 Main Street, Georgia, USA 30003
456 Park Avenue, New york, NY 10022
23 Main Street, New Jersey, USA 070205
Every picture above is one module
Image Hotspot comes with DiviGrid, together with all our other Divi modules.