Display DiviMenus on Images & Videos to add stunning Media options!
Boost your Media!
DiviMenus On Media
The easiest way to place custom icons, images or text on your Images and Videos. Design your own Menu Items from your DiviMenus module and display them on your Media!
Take advantage of all the DiviMenus existing features, as well as the new Media options introduced by this Add-on.
“DiviMenus On Media” adds these options to your modules:
DiviMenus module
“DiviMenus On Media” adds the On Media option to the Menu Item Link Type field so that you can give extra functionality to the Divi Images and Videos:
Open in Lightbox
This is the Divi default behavior. Open Images & Videos as popups.
Open Media Link
Open the URL set in the “Link” field located in the “Content” tab.
When used in Blog, Portfolio or shop Modules, it will open the Item Post, Project or Product URL!
Download Media File
Download Images & Videos just by clicking on them. Videos from external servers (YouTube, Vimeo…) will be opened in a new tab instead.
Divi Modules with Image & Video
“DiviMenus On Media” adds the DiviMenu On Media field to these Divi modules, so that you can select a DiviMenu from your Divi Library to place it over the module Image or Video in the position you want!
DiviMenu
This is the DiviMenu to be displayed. This select field will show all the DiviMenus that have been previously stored in the Divi Library.
Display
Decide whether the DiviMenu should be displayed or not. If so, you can decide between Always or when Hovering over the media.
DiviMenu Location
Place the DiviMenu within the media:
Top (Left, Center, Right), Middle (Left, Center, Right) and Bottom (Left, Center, Right)
Getting Started
How to add a DiviMenu On Media over an Image.
The procedure shown in this video with an Image module is also applicable to any other Divi modules with Images or Videos.
Please keep in mind that DiviMenus On Media is not previewable in the Visual Builder. The changes will only take effect once you exit the Visual Builder.
These are the steps:
- Create your DiviMenu (more info)
- Save it to your Divi Library
- Open your Image module
- Go to Design Tab > On Media
- Choose your DiviMenu
Use on Images
In this example we use the “DiviMenus On Media” Add-on to show this Horizontal DiviMenu with 4 Icons on the Image module.
How It's Made
DiviMenu
- Shape: Horizontal
- Menu Button: Hidden
- Menu Items: 4 Icons
- Link Type:
- Open in Lightbox
- Download Media File
- Open Media Link
- Popup
- Link Type:
Image > DM On Media
- Display: Hover
- DiviMenu Location: Middle Center
Use on Videos
In this example we use the “DiviMenus On Media” Add-on to show this Horizontal DiviMenu with 3 Icons on a Video module.
How It's Made
DiviMenu
- Shape: Horizontal
- Menu Button: Hidden
- Menu Items: 3 Icons
- Link Type:
- Popup
- Open Media File
- Popup
- Link Type:
Video > DM On Media
- Display: Hover
- DiviMenu Location: Middle Center
Use on Gallery
In this example we use the “DiviMenus On Media” Add-on to show this Horizontal DiviMenu with 2 Icons on the Gallery module Images.
How It's Made
DiviMenu
- Shape: Horizontal
- Menu Button: Hidden
- Menu Items: 2 Icons
- Link Type:
- Open in Lightbox
- Download Media File
- Link Type:
Gallery > DM On Media
- Display: Hover
- DiviMenu Location: Middle Center
Use on Blog
In this example we use the “DiviMenus On Media” Add-on to show this Vertical DiviMenu with 2 Icons when Hovering over the Blog module Thumbnails.
How It's Made
DiviMenu
- Shape: Vertical
- Menu Button: Hidden
- Menu Items: 2 Icons
- Link Type:
- Open in Lightbox
- Open Media Link
- Link Type:
Blog > DM On Media
- Display: Hover
- DiviMenu Location: Top Right
Andy Post
This is the Andy Post
Emma Post
This is the Emma Post
Olivia Post
This is the Olivia Post
Peter Post
This is the Peter Post
Use on Slider
In this example we use the “DiviMenus On Media” Add-on to show this Horizontal DiviMenu with 2 Icons on the Slider module Image.
How It's Made
DiviMenu
- Shape: Horizontal
- Menu Button: Hidden
- Menu Items: 2 Icons
- Link Type:
- Open in Lightbox
- Download Media File
- Link Type:
Slider > DM On Media
- Display: Hover
- DiviMenu Location: Middle Center
Use on ...
Subscribe today to the DiviMenus On Media annual license and start displaying DiviMenus in all these Divi Modules:
- Blog
- Blurb
- Filterable Portfolio
- Fullwidth Image
- Fullwidth Portfolio
- Fullwidth Post Slider
- Fullwidth Slider
- Gallery
- Image
- Portfolio
- Post Slider
- Shop
- Slider
- Video
- Video Slider
BOOST YOUR CREATIVITY
Invent new ways to access your content.