Modal with cookie

12 replies · opened May 10, 2021

FflymacMay 10, 2021

Hello,

I have to open a modal window, this window contains a text and an accept button, when the user accepts, the modal window must no longer appear.

At the moment I used this code, it works fine, but if I confirm the window opens again.
I used the code on the demo page: modal-onload-cookie.html


Text example... the vision of this website is reserved for operators in the sector...

[I confirm](#)

Thanks for any help

SSemicolon WebSTAFFMay 10, 2021

Hello,

We have just checked out this Page on our Live Previews: http://themes.semicolonweb.com/html/canvas/modal-onload-cookie.html and the Cookie Modal does not appear again once you close the Modal. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

FflymacMay 11, 2021

Hello,

at this link: http://themes.semicolonweb.com/html/canvas/modal-onload-cookie.html

it works exactly like in my version:

  1. user connects to the page
  2. Modal window opens
  3. user clicks on "DON'T SHOW ME AGAIN" and can continue to visit any page of the site, the modal window does not open. This is ok.
  4. but if the user closes and exits the browser, reopens the browser, reconnects to the site, the modal window reopens and this becomes very annoying, if the user connects to the site every day, he must confirm each time.

Is it possible that the cookie is stored, for a number of days or months?

Tested with Chrome, Safari, Firefox on macOS and Android 11

Thanks

SSemicolon WebSTAFFMay 12, 2021

Hello,

Thanks for more explanations regarding this. We have checked this out and currently the Cookies set are Session Cookies and will reset once the Browser is closed. We have modified the Codes for you and now it will accept a Custom Expire value for the Cookies. Consider updating the existing js/plugins.min.js File with the File attached to this reply. Then simply set data-cookie-expire="7" Attribute to the .modal-on-load Element. 7 is 7 Days.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

FflymacMay 12, 2021

Hello,

now it works great, thanks a lot for your help.

Just one last question: data-cookie-expire="7" means 7 days, is there a maximum number of days? For example: data-cookie-expire="30" or data-cookie-expire="120" are acceptable values?

Thanks again, wonderful technical support

FflymacMay 12, 2021

Hello,

please is it possible to have the plugins.min.js file in NON minify version?

Thanks so much

SSemicolon WebSTAFFMay 12, 2021

Hello,

Very Happy to Help! :)

You can apply any number of days to this Value.

We will be releasing an Update within Friday which will include the non-minified version of the Files.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

FflymacMay 14, 2021

You can apply any number of days to this Value.

Hello,

this is great, Thanks for the great help!
When do you think you will release this new update?

Thank you :-)

SSemicolon WebSTAFFMay 14, 2021

Hello,

The New Update is going to be released within a day or two. As we are introducing Bootstrap 5, we are running some necessary tests to ensure everything is working as they should. We will send you an Email Notification as soon as the Update is available.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

FflymacMay 24, 2021

Hello,

ok i know i'm boring :-) but i really need to have the file plugins.min.js in non-minified version.

The reason is that I have to remove for example Google maps and other plugins that I do not use in this project, so as to obtain a much smaller file, but with the minify version I can not do anything...

I would be really very grateful if you could send it to me.

Thank you very much :-)

SSemicolon WebSTAFFMay 24, 2021

Hello,

Thanks for your Continued Patience and Apologies for the Delay!

We have already updated Canvas. You can download the Latest Package which includes all the non-minified files.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

FflymacMay 25, 2021

Hello,

thanks a lot, awesome update!

I didn't think about upgrading to Bootstrap 5, I thought I would have a lot of changes to make, but everything works, except very small changes on some classes.
Canvas is a fantastic template, very well designed.

Thanks again :-)

SSemicolon WebSTAFFMay 25, 2021

Hello,

We are thrilled to hear this! :)

Glad everything was smooth. We started working on Bootstrap 5 updates when we released Canvas 6 back in June 2020, so when a Stable release of Bootstrap 5 is released, you wouldn't have to make many changes. Just some Classes based on the Bootstrap migration Guide. We guess this is paying off now. :)

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard