Klick auf Button öffnet Formular in Modal/Lightbox

Hallo zusammen!

Ich habe die Schritte wie in https://kriesi.at/support/topic/pop-up-lightbox/#post-1429407 beschrieben umgesetzt und dann den Shortcode von einem Formular eingefügt. Mein Ziel ist es, ein Formular in einem Popup anzuzeigen, wenn man auf einen Button klickt.

Also:

function magnific_popup_with_no_scroll_and_button() { ?>
  <script>
(function($) {
  $(window).on('load', function(){
	$('.open-popup-button a').addClass('open-popup-link');
    $('.open-popup-link').addClass('no-scroll');
    $('.open-popup-link').magnificPopup({
      type:'inline',
      midClick: true,
      callbacks: {
        beforeOpen: function () {
          $('body').css("overflow-y", "hidden");
        },
        close: function() {
          $('body').css("overflow-y", "auto");
        },
      },
    });
  });
  })(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'magnific_popup_with_no_scroll_and_button', 99 );

Das in die functions.php eingesetzt.

Eine Code-Box mit folgendem Inhalt erstellt:

<div id="open-popup" class="popup mfp-hide">
<p>[av_layout_template template_id='popform']</p>
</div>

Und auch das im Quick-CSS hinzugefügt:

.popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

Weil es nicht funktioniert hat habe ich auch das noch hinzugefügt:

add_filter('avia_allow_shortcodes_in_codeblock', '__return_true');
add_filter('avf_alb_support_modal_templates', '__return_true');

Leider funktioniert es nicht. Es öffnet sich ein Modal aber darin steht nur der Shortcode. Ich bin ratlos. Kann mir bitte jemand dabei helfen das hinzubekommen.

Link zur Testseite im PC.

• This topic was modified 3 weeks, 2 days ago by felix_frank.
• This topic was modified 3 weeks, 2 days ago by felix_frank.