How works this Megadrop?

It's very simple. In Joomla Backend you can turn this on or off. If Megadrop is activated simply place one or more Modules inside it, the positions are megadrop1, megadrop2, megadrop3 and megadrop4

ยป Read More

Tab1
Tab2
Tab3
  • Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

  • Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum id ligula porta felis euismod semper. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

  • Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


One of the most innovative features of this Joomla Template is the possibility to include reveal modal on every place where you want. See the big feature list above.

  • Including is so easy and comfortable in combination of joomla modules and our integrated shortcode system
  • It is possible to display up to 10 reveals on every page, also you can link the modals among to click simply to the next
  • Reveal is no iframe it's inline content, so search engines will thank you to use such an awesome method of displaying content on your page
  • Fixed width of 520px or simply change the module-class-suffix, use small, medium, large, or expand
  • Of course the reveal modal is fully responsive and fits to all devices where you want to watch it
  • Display nearly every Joomla Module in this reveal, login, content, google map, a contact module or most third-party module extensions

Demo


Image click image

Click on this Image

Button click button

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui.

See Content Google Map


Maecenas sed diam eget risus varius blandit sit amet non magna. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus.

Joomla Search Module

Link click link

Click me for a Reveal Modal or say Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Maecenas sed diam eget risus varius blandit sit amet non magna. Click me for a Reveal Modal or say Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nulla vitae elit libero, a pharetra augue.


How to use

You can use this Shortcodes everywhere in your content, click here to find out more.

{reveal-link | Module Name (reveal1, reveal2, ...) | Name of the link} {reveal-image | Module Name (reveal1, reveal2, ...) | Path to image (your-domain.com/images/image1.jpg)} {reveal-button | Module Name (reveal1, reveal2, ...) | Size: tiny, small, medium, large | Color: templatecolor, white, black | Name of the Button}

Follow this instruction step-by-step to create your Reveal Modal:

  • Add a new module (for example the custom html module)
  • Place your text/content/shortcode/image inside the textfield
  • Give a module position like reveal1
  • Made menu assignment to the page where to display
  • Save the module
  • Go to the page/module/area where to display and use one of the upper shortcodes

Attention: It's really easy to use this reveal modal but some things keep in mind:

  • Use one of the possible module positions reveal1 - reveal10
  • Use Menu Assignment to display only on pages where you want to open the modal cause it loads otherwise on every page
  • To change size use module class suffix in module on the advanced tab
  • If you want to display the iframe of the google code deactivate Wysiwig editor before edit an wrap a div around with class flex-googlemap
Template Switcher
ws_minded - DefaultColor Variation - Green OrangeColor Variation - Turquoise ChampagnerColor Variation - Red GreenColor Variation - Light Blue Light pinkColor Variation - Black GreyColor Variation - Grey OrangeColor Variation - Lila Blue

These style are only examples. You can built your own color scheme and use a custom Google Font in the Backend.

Watch the Backend

Reveal Demo 1 - Custom HTML

Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Heading Another Result
Type a little Text Numbers 5.754.124
Another one More Numbers 34.234.455
Enough We don't think so 4.333.123
Please stop No 78.342.453
Oh my God Ok Stop 6.332.178

Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Show me more

×

Reveal Demo 2 - Tabs

Tab1
Tab2
Tab3
Tab4
Tab5
×

Reveal Demo 3 - Search

×

Reveal Demo 4 - Google Map

Here you can find us on google map, also a nice feature of this template. Close the modal and scroll above to look how to do this.


Tabs

×

Modal Demo 5 - Small

This is a small modal, simply use the module-class-suffix small. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Watch medium reveal

×

Modal Demo 6 - Medium

This is a medium modal, simply use the module-class-suffix medium. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Watch large reveal

×

Modal Demo 7 - Large

This is a large modal, simply use the module-class-suffix large. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla.

Watch expand reveal

×

Modal Demo 8 - Expand

This is a expand modal, simply use the module-class-suffix expand. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla.

The End

×

Backend Options

See here all the options you can set in the Joomla Backend of this Theme.

Backend Options

×

Login


Nullam id dolor id nibh ultricies vehicula ut id elit. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.



×

Register


Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.



  or   Login
×