Installation
In order to use “On Media” you must first install and activate DiviMenus. Then please follow these steps:
I have purchased through Elegant Themes Marketplace
Products purchased from The Divi Marketplace will work under your current Divi License, so no additional license is required. Just install your plugin, activate it and start using it!
The only difference between the “Divi Marketplace” version and the “DonDivi version” on our site is the License key.
Nothing to worry about!
I have purchased through DonDivi
If you have purchased this product at DonDivi, you will receive an email with the download link and your license key.
- Install the ZIP file into your website and Activate it.
- Introduce your License Key at DonDivi > Licenses and Activate it.
- Use the Check License button whenever you want to check the status of your License.
Overview
This DiviMenus extension adds the On Media option to the Menu Item Link Type field so that the user can give extra functionality (lightbox, open, download) to Divi images and videos.
It means that you can take advantage of all the DiviMenu options, as well as the new media options introduced by this extension.
You can learn more about these media options in this documentation.
Supported modules
Image
DiviMenus On Media is compatible with the Divi Image and FullWidth Image modules.
You can find the DiviMenu On Media toggle in the overlay toggle, located in the Design tab.
Blurb
DiviMenus On Media is compatible with the blurb module.
You can find the DiviMenu On Media toggle field in the Image and Icon toggle, located in the Design tab.
The DiviMenu On Media toggle field is visible when the user has selected an image in the use icon field.
Gallery
DiviMenus On Media is compatible with the gallery module.
You can find the DiviMenu On Media toggle in the overlay toggle, located in the Design tab, below the default Divi overlay.
Video
DiviMenus On Media is compatible with the video module.
You can find the DiviMenu On Media toggle in the overlay toggle, located in the Design tab.
Slider
DiviMenus On Media is compatible with the slider and fullwidth slider modules.
You can find the DiviMenu On Media toggle in the overlay toggle, located in the Design tab below the text overlay and background overlay fields.
Video Slider
DiviMenus On Media is compatible with the video slider module.
You can find the DiviMenu On Media toggle at the bottom of the control toggle, located in the Design tab.
Blog
DiviMenus On Media is compatible with the blog module.
You can find the DiviMenu On Media toggle at the bottom of the overlay toggle, located in the Design tab, below the featured image overlay.
Portfolio
DiviMenus On Media is compatible with the portfolio, fullwidth portfolio and filterable portfolio modules.
You can find the DiviMenu On Media toggle in the overlay toggle, located in the Design tab.
Shop
DiviMenus On Media is compatible with the shop module.
You can find the DiviMenu On Media toggle at the bottom of the overlay toggle, located in the Design tab.
Media and Media Links
Media
The media is the actual image or video.
Media Link
The Media Link is the media destination URL.
The Media Link can be set by the user in some modules. For example, in the Image module, you can use the Image Link Url field to set the Media Link to an image.
Some modules has already set a Media Link for their images. For example, the blog module has posts URL as media links; same for the porfolio and shop modules.
These are a few examples of modules and media links:
Image media link: URL set by the user / none
Blurb media link: URL set by the user / none
Portfolio Media Link: project URL
Blog Media Link: post URL
Media options
Open in Lightbox
This option shows the media in lightbox. That is, the media will be opened in a modal and the website’s content will be dimmed out.
It’s useful when you want the user to focus their attention to the media.
Open Media Link
This options open the Media Link (if any) in a new window.
Download Media File
This options downloads the media to your computer.
If the media is a external video (YouTube), it will be opened in a new tab instead.
Fields
DiviMenu On Media
This is the toggle to enable DiviMenus On Media. If enabled, a DiviMenu will be displayed over the image.
The Divimenu On Media overlay will take over other module overlays.
Display
Here you can decide whether the DiviMenu should be displayed or not. If so, you can decide between always or when hovering over the media.
You can use the mobile option to set a different option for desktop, tablet and mobile / phone.
DiviMenu Location
This field allows you to choose where to locate the DiviMenu within the media.
Overlay Color
Here you can define a color for the media overlay that adds this plugin.
You can use the hover option to set a color when hovering over the media.
Troubleshooting
Here you can find solutions to common problems and issues that you might be experiencing.
The Title Text Color changes depending on the module the DM is on.
DiviMenus Titles inherit the color you have set in your theme as the default color. However, if the module where you place the DM has a CSS rule for the text color, the title text color will change. If you want to keep the title text color when using DiviMenus On Media, please go to DiviMenus -> Design -> Titles, and set a color for your titles.
#FFF will do the trick in most cases!
Important notes on use
- You need DiviMenus in order to use this plugin.
- Also, you need first to create a DiviMenu in order to display them over an image or video.