Modal popup by homepage opening

[vomsteindesign]

#478002

Is it possible that the Modal window opens itself by loading the homepage? Is there a spezial Code for CSS Class?

[lacittadina]

#538830

Hi,
I create modal named myModal and I put in a code block this code:

<script>
jQuery(document).ready(function () {jQuery('#myMdal').modal('show')});
</script>

[asaracena]

#597406

This code doesn’t seem to be working in Avada for me. I really need a temporary modal that is triggered by the homepage: https://www.kidsinconcert.org/

I’m ready to just install a plugin that I know will work but I’d rather use an Avada modal if I can get it to work.

Any suggestions?

[litoid]

#624636

I also would like this answer.

When someone lands, a popup shows cookies policies. But only the first time, if it’s a recurrent visitor then it only shows the first time.

Is this possible with Avada or i depend on other plugings to create a counter for modals.

Thanks

https://conscientia.net/

ps. Its supposed to appear after the page loads for the first time, and maybe only homepage.

[Mekong]

#667146

There’s a tutorial on opening an Avada modal ‘on page load’ here:
http://technocats.com.au/index.php/2019/10/23/trigger-an-avada-modal-on-page-load/

[Digitalqt]

#742471

Unfortunately the tutorial doesn’t work

[Mekong]

#742886

???

Maybe you should try again.

The tutorial worked perfectly for me.

[westernaspect]

#854940

That (very helpful) tutorial has been moved from its previous location. I tracked it down again here:

http://technocats.com.au/t-cats/trigger-an-avada-model-on-page-load/

[megrund]

#864743

Hi @westernaspect. It worked great, but… it opens the model twice over each other. I can’t figure out why. I deleted the model element to be shure there is no copy. But i’m shure there isn’t. In the html code it shows two model elements, but I don’t know why. It it normal?

can somebody help me?

[ifi_media]

#867504

This tutorial was exactly what I needed. Thanks!

I added some Javascript to only launch the modal if a specific word (“resumes”) was in the URL. I also added a parent class to the element selector (.page-id-16190) to further ensure this action would only happen on one specific webpage.

if (window.location.href.indexOf("resumes") > -1) {

		setTimeout(function() {
			$('.page-id-16190 .iseedresumes').modal('show');
		}, 1000);

    }

[Author]

Posts