How to close the product details dialogue?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10035436
    ts
    Participant

    How can I close the product details dialogue?

    (use zip code 90277 to generate products)


    #10035438
    Support
    Keymaster

    Hello ts,

    There’s a “X” close button on upper right corner and if you click outside the dialogue.

    If you mean a way with javascript, here’s the needed code:

    $.magnificPopup.close()

    We hope this helps!

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads


    #10035446
    ts
    Participant

    What about just though the HTML? Is there a way to do it that way?


    #10035448
    Support
    Keymaster

    Hello,

    Unfortunately not.

    If you want create a button to close, here’s the needed code:

    1) HTML:

    <a href="#" class="btn btn-primary custom-close-button">Close Button</a>

    2) (js/custom.js):

    $('.custom-close-button').on('click', function(e){
        e.preventDefault();
    
        $.magnificPopup.close();
    });

    Hope this helps!

    Kind Regards,

    Rodrigo.


    If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads


Viewing 4 posts - 1 through 4 (of 4 total)

This topic is marked as "RESOLVED" and can not rceive new replies.