launch a lightbox pop-up from menu button

[corante]

HI Jason,

Is it possible to launch a lightbox pop-up from a menu button? For example, a menu button labeled “Contact” that normally links to a contact page — could instead pop-up the contact form in a lightbox when you click. Thanks!
– Jorge

Topic

[Jason Bobich]

I guess in theory, using the Magnific Popup lightbox integration in Swagger 2+, you could do it.

First you’d have to get the HTML for what you’re going to display hidden in the HTML markup of the page. It’s going to be hidden, so you could really hook it to just about anything from your Child theme’s functions.php:

http://dev.themeblvd.com/tutorial/actions/

http://dev.themeblvd.com/tutorial/primary-framework-action-hooks/

function my_contact_form() {
	?>
	<div id="myPopup" class="white-popup mfp-hide">
		Your contact form...
	</div>
	<?php
}
add_action( 'themeblvd_before', 'my_contact_form' );

And then under Appearance > Menus, you’d need to give the menu item the CSS classes “themeblvd-lightbox mfp-inline” and link the menu item to the ID of the popup which would in this example would be #myPopup.

[Author]

Replies