Joomla only

more Modal element

for YOOtheme Pro

1 1 1 1 1 Rating 5.00 (2 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 your content around with this easy element.

Furthermore you can open the modal on page load now, by link or by url.
And more Modal now also supports exit intent popups. "Try" to leave the page ;-)

Demo 1

Just some text
not centered
default width

Demo 2

Image and text
centered
container width

My Headline

My Headline

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Demo 3

builder elements
centered
container width

Demo 4

open
Demo 2
via link

Demo 5

open
Demo 2
via url

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

  • 2.3.17
    • added exit intent popup option
    • added option to only show once per session
  • 2.3.16
    • added option to open the modal by link or url
  • 2.3.15
    • added option to automatically open the modal on page load
  • 2.3.14
    • updated option texts and description for better clarification
  • 2.3.13
    • wrapped up in an easy installable and updatable plugin
Changelog