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 mighty features, as well as the new Media options introduced by this Add-on.

“DiviMenus On Media” adds these options into 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 Divi Images and Videos:

U

Open in Lightbox

This is the Divi default behavior. Open Images & Videos floating over the page content.

Open Media Link

Open the URL defined in the “Link” field of the “Content” tab.

When used in Blog, Portfolio and Post Modules, it will open the URL corresponding to each item!

Download Media File

Download Images & Videos just by clicking on them. They will not be downloaded if they are stored on a Host with restrictions (YouTube, Vimeo, Shutterstock, Unsplash…)

Divi Modules with Image & Video

“DiviMenus On Media” adds the DiviMenu On Media option to the Overlay field so that you can select a DiviMenu from your Divi Library to place it over that 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

Locate the DiviMenu within the media:

Top (Left, Center, Right), Middle (Left, Center, Right) and Bottom (Left, Center, Right)

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 DiviMenus On Media annual license, and start using 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.