Automatic modal when starting home page / Bootstrap 5

[smalltiger]

Hello,

i would like to have an automated modal at startup of my website in Bootstrap 5.

I know there is a thread:

Automatic modal when starting home page

Hi. A question for those who have already used the Bric de Modal (pop-ups). Can you make the Modal appear on the home screen automatically when you load the page, without having to put a button that triggers the Modal ?? And only do it once. That is, if you return to the home page, it should no longer appear Thanks for your help. PD: Sorry for my English, I use a translator.

but the answers in that thread seem to be only for bootstrap 4 and do not function in Bootstrap 5.

I would gladly appreciate any help.

[PeteSharp]

@smalltiger

I would gladly appreciate any help.

Hi, an answer was already give to you for this, and it is a working solution, there is no reason to start a new thread.

Automatic modal when starting home page

That is a contradiction to what you mentioned earlier: Without testing, something like this should work: document.addEventListener("DOMContentLoaded", function() { var modal = document.getElementById(‘#my-fancy-modal); if (modal && modal.classList) { modal.classList.add('show'); if (modal.classList.contains('fade')) { modal.style.display = 'block'; } } });

You have placed code in the project header and page header, so you have doubled up the code which is why you are having issues.

Remove both entries, and add the new code to the footer. Project footer if you want it site wide, or page footer if you want it only on the page. Do not use both.

I am closing this thread, after your comments on the last one. People help here for free, there is no reason to start attacking someone who was not even commenting to you.

The solution has been provided, and the issue in your project has been pointed out. You should be good to go.