Skip to main content
  Joomla only 3 4 5 6

more Modal element

for YOOtheme Pro

1 1 1 1 1
Rating 5.00 (3 Votes)

YOOtheme Pro's builder is missing the modal element. You can only make use of a button linking to an image in a modal. What if you could place anything inside a modal? Well, now you can.

The modal element for YOOtheme pro can have either simple content or complete sections including Joomla modules showing up in a nice way. Simply wrap up your content with this easy element.

Furthermore you can open the modal on page load, by link, by url, by referer or after a specific time of seconds. You can even define a time to close it while hiding the close button to present an ad. You can also define a date range including hours and/or weekdays to promote an offer!

more Modal also supports exit intent popups. "Try" to leave the page ;-)
Furthermore more Modal can detect external links and show a modal to warn that your visitor is going to leave the page.

Demo 1

Just some text
not centered
default width

Demo 2

Image and text
centered
container width

Demo 3

builder elements
centered
container width

Demo 4

open
Demo 2
via link

Demo 5

open
Demo 2
via url

Demo 6

show external warning
Click on the Google search result
modal will open by referer

FAQs

Can I show every builder element in a modal?

Yes, you can. Just put all elements that should be shown in the modal inside two more Modal elements which you configure with "option 2" and "close option 2".

Can I open an external url in the modal?

Yes, you can, because you can place anything in the builder. Just add a Joomla wrapper module (which is a core module of Joomla). Place this module inside two more Modal elements which you configure with "option 2" and "close option 2".

How can I open the modal on page load?

Simply activate the option on the first tab. If you want to hide the modal button, just select "hidden" as button type.

How can I set up the exit intent popup?

Just choose "Exit Intent Popup" from the dropdown "Button or special modal type". You can optional set the time the user has to be on your page before showing up.

How can I open the modal with a link?
First you need to define a unique id in the settings. You will then be able to use this id as a target for your link like
<a uk-toggle="target: #demo2">link</a>
How can I open the modal via url?
First you need to define a unique id in the settings. You will then be able to use this id as a parameter in your url like
https://morejoomla.com/products/yootheme-builder/more-modal?popup=demo2
How can I style the modal?
As for every styling you should use the Style section of YOOtheme Pro. You will find a sub section for modal styling in there.
FAQs

Changelog

Version 2.3.26

  • addition
    YOOtheme Pro 5 support

Version 2.3.25

  • addition
    Joomla 6 support and Joomla Update System

Version 2.3.24

  • addition
    Joomla 5 support

Version 2.3.23

  • addition
    show a warning if the visitor clicks on an external link

Version 2.3.22

  • addition
    close button outside
  • addition
    close by click on the modal
  • fix
    page content hidden if modal should only be shown once per session

Version 2.3.21

  • addition
    date, weekday and time based conditions

Version 2.3.20

  • addition
    open modal by referer domains

Version 2.3.19

  • addition
    timer to open modal
  • addition
    timer to close modal
  • addition
    option to hide the close button (e.g. display an ad)
  • removed
    grid from wrapped modal

Version 2.3.18

  • addition
    dynamic source option

Version 2.3.17

  • addition
    exit intent popup option
  • addition
    option to only show once per session

Version 2.3.16

  • addition
    option to open the modal by link or url

Version 2.3.15

  • addition
    option to automatically open the modal on page load

Version 2.3.14

  • addition
    updated option texts and description for better clarification

Version 2.3.13

  • addition
    wrapped up in an easy installable and updatable plugin
Changelog