Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 12, 2014 at 7:13 pm #367435
    mmichael1991

    Hi!

    I want to use the Fullwidth button to let users close a window. I know how to do it with a normal button using this code `<button type=”button”
    onclick=”window.open(”, ‘_self’, ”); window.close();”>Discard</button>`.

    [r.mlvr.nl/verzoek]

    Is this even possible?
    Any help would be appreciated!

    Many, many thanks,
    – Michael

    December 13, 2014 at 12:18 am #367563
    Josue

    Hi Michael,

    Set a custom class to the fwd button and add this at the very end of your theme / child theme functions.php file:

    function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	$('.custom-fwd-btn .avia-button').on('click', function(){
                 window.open(”, ‘_self’, ”); window.close();
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Regards,
    Josue

    December 13, 2014 at 1:42 pm #367674
    mmichael1991

    Hi,

    I can’t really figure this out.

    I’ve added the code to the end of my functions.php (child theme).

    But what should I enter as custom class?
    And what should I do with the button link?

    Fullwidth Button Settings

    Many thanks!
    Regards,
    Michael

    December 13, 2014 at 1:46 pm #367677
    Flikk

    hi,

    see this line of the code:
    $('.custom-fwd-btn .avia-button').on('click', function(){

    The class is “custom-fwd-btn”

    cheers

    • This reply was modified 9 years, 11 months ago by Flikk.
    December 13, 2014 at 11:01 pm #367796
    Josue

    Hey!

    Yes, the custom class should be that (custom-fwd-btn), regarding the link try putting a #.

    Regards,
    Josue

    August 10, 2017 at 9:47 pm #837159
    afarahani

    This one worked for me:

    // Add close window functionality
    function add_custom_script(){
    ?>
    <script>
    (function($){
    $(window).load(function() {
    $(‘.close-window .avia-button’).on(‘click’, function(){
    window.open(”, ‘_self’, ”);
    window.close();
    });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘add_custom_script’);

    August 12, 2017 at 1:18 pm #837850
    Victoria

    Hi afarahani,

    Thank you for sharing! :)

    Best regards,
    Victoria

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.