DiviMenus

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:

U

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 option to the Overlay toggle 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:

  1. Create your DiviMenu (more info)
  2. Save it to your Divi Library
  3. Open your Image module
  4. Go to Design Tab > Overlay > On Media
  5. Choose your DiviMenu

In some Divi modules, the “On Media” option described in step 4 may be located elsewhere. Check here the location for each module in the “Supported Modules” section.

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

Image > Overlay > DM On Media

  • Display: Always
  • 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

Video > Overlay > DM On Media

  • Display: Always
  • 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

Gallery > Overlay > DM On Media

  • Display: Always
  • 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

Blog > Overlay > DM On Media

  • Display: Hover
  • DiviMenu Location: Top Right

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

Slider > Overlay > DM On Media

  • Display: Always
  • DiviMenu Location: Middle Center

Your Title goes here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title goes here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

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.