Modal layer popup at once

[Biju]

I have:
1. A modal layer to popup when index page loads.
2. Text as "Do not show this popup again"
3. A checkbox near to above text.

Need a script to hide the popup layer from showing up each time page loads, if the checkbox enabled.
This behavior should be kept till the browser closed.

[Pablo]

There's a template with this functionality.

https://www.wysiwygwebbuilder.com/suppo ... ydark.html

[BaconFries]

You mean like the following:
Example templates:
http://www.wysiwygwebbuilder.com/suppor ... outme.html
http://www.wysiwygwebbuilder.com/suppor ... orate.html

[Biju]

There's a template with this functionality.

I copied the script from your above said template. But not working.
Yesterday I sent my project file to your mail. I think you haven't seen it yet.

[Biju]

You mean like the following:

Yes BF.

[Pablo]

Did you make sure the ID of the popup in the script is correct?

[Biju]

Attaching my project file HERE

[Pablo]

jQuery is missing.

To solve this, either add another object to the page that uses jQuery
or
add '$JQUERY$' to the HTML object's resources.

[Biju]

I added another modal layer with type jQuery, no close button and colour as transparent.
But still not working.

[Pablo]

Please add $JQUERY$ to the resources of the HTML object.

[Biju]

Please add $JQUERY$ to the resources of the HTML object.

Sorry! I don't know how to do it.
Can someone help me please?

[Pablo]

Step 1
Click the 'Resources' button

Step 2
Copy/Paste

Code: Select all

$JQUERY$

Note that in general, we do not provide support for custom code.
When using custom code it is assumed that you know what you are doing.

[MGD4me]

Re:

Post by Pablo » Sat Mar 22, 2025 12:41 am

There's a template with this functionality.

https://www.wysiwygwebbuilder.com/suppo ... ydark.html

I was looking for a script similar to the above, to display a one-time popup message. I opened up the "Dark Agency" template, but I don't see where this (pop-up) layer is located. The template is from WWB ver 16 days, so is there a more current version of the template?

I'm on WWB ver 20.

Thanks

[BaconFries]

The template is still valid for WWB20 even although it is from WWB16. You would need to dig deep in the HTML to see how it works as it uses a "Bespoke" custom script with the already available dialog in WWB20 or at the time of WWB16

Maybe this template will be useful?
https://www.wysiwygwebbuilder.com/suppo ... ydark.html

It uses a dialog and a custom script to show/hide the popup.

Alternatively there is the following that is a onetime.
Cookie Policy

[MGD4me]

Okay, will do.

Thanks!!

[Biju]

Re:

Post by Pablo » Sat Mar 22, 2025 12:41 am

There's a template with this functionality.

https://www.wysiwygwebbuilder.com/suppo ... ydark.html

I was looking for a script similar to the above, to display a one-time popup message. I opened up the "Dark Agency" template, but I don't see where this (pop-up) layer is located. The template is from WWB ver 16 days, so is there a more current version of the template?

I'm on WWB ver 20.

Thanks

here it is:

[Biju]

Step 1
Click the 'Resources' button

Step 2
Copy/Paste

Code: Select all

$JQUERY$

Note that in general, we do not provide support for custom code.
When using custom code it is assumed that you know what you are doing.

I tried but still not working.



It seems that works with dialog only.

[Pablo]

The script is designed to be used with the dialog as demonstrated in the Agent Dark template.
If you want to use it in a different context then you will need to adapt the script.

[Biju]

Thanks Pablo for your immediate response.
I think all your templates with popup use dialog.
Can you do a template with modal layer to popup at once, if you don't mind and time permits?
It will be a great help.

[Pablo]

I generally only create new templates once a year, when a new version is released.

Maybe you can use the dialog instead?

[MGD4me]

@BaconFries...

Thanks for your ongoing support. I finally got everything figured out!

It wasn't until I zoomed the workspace from 100% to about 75%, that I could found the Privacy Notice, which was located outside the viewport. Then, everything became apparent.

As it turns out, the Dialogue feature (as Pablo mentioned) is all I need, so that is the route I ended up taking. https://www.wysiwygwebbuilder.com/dialog.html

Mystery solved!

[Biju]

Please add $JQUERY$ to the resources of the HTML object.

Adding $JQUERY$ to the resources of the HTML object not helped me. As a workaround I removed the following line from page html it's working as I wish:

   document.addEventListener('DOMContentLoaded', function(event)

   OR remove only the "(event)" part.

Hope Pablo will comment.

[Pablo]

In my opinion. removing 'event' does not to make any sense in

But if you need further assistance then (as always) please share the updated demo project.

[Biju]

But if you need further assistance then (as always) please share the updated demo project.

Demo project without (event) is HERE

[Pablo]

The modification you have made breaks the code. Please do not edit the code unless you know what you are doing.

Your demo works. However, you forgot to set the initial state of the dialog to hidden, so it will always be displayed...