Custom Close Button

  • Resolved scharreir

    (@scharreir)


    6 years ago

    Hi, i’m using an html pop up that is fired in “onload” event and want to add a custom close button
    this is what i have… and is not working. please help

    <h2>Age Verification</h2>
    <hr />
    Are you over 18 years old?
    <hr />

    <button class=”PopUpButton” onclick=”jQuery.sgcolorbox.close();”>Yes</button>
    <button class=”PopUpButton” onclick=”window.location.href=’https://doitweb.co.nz/vinoteca/age-restriction'”>No</button&gt;

    Thank you…

Viewing 4 replies - 1 through 4 (of 4 total)
  • Sygnoos Support

    (@sygnoossupport)

    Dear @scharreir,

    We have added “sg-popup-close” class to your code to make it work here:

    <h2>Age Verification</h2>
    <hr />
    Are you over 18 years old?
    <hr />

    <button class=”PopUpButton sg-popup-close”>Yes</button>
    <button class=”PopUpButton” onclick=”window.location.href=’https://doitweb.co.nz/vinoteca/age-restriction'”>No</button&gt;

    This will work as expected now.

    Thread Starter scharreir

    (@scharreir)

    Sorry to bother you again, but is not working.
    https://doitweb.co.nz/vinoteca/checkout/

    any idea of what I might be doing wrong?…

    Thread Starter scharreir

    (@scharreir)

    I’ve found the problem
    in order to work, the popup needs to have the option Dismiss on “esc” key: checked, plus the class=”sg-popup-close” on the button.
    it is working, however now users can select “esc” to avoid click one of the button options… and is not what i need…

    Sygnoos Support

    (@sygnoossupport)

    Dear @scharreir,

    Thank you for reporting this issue!
    It’s already included in our upcoming update. ??

    Meanwhile, you can fix it on your side, replacing the PopupBuilder.js file below in the following directory: /wp-content/plugins/popup-builder/public/js/

    Here’s the file: https://www.codepile.net/pile/6J47qPOY

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom Close Button’ is closed to new replies.