Open inline element directly in the address bar (url)

Hi!

Please read the documentation of magnific popup: http://dimsemenov.com/plugins/magnific-popup/ . You can’t easily open a modal box without some custom code. I did a quick test on my website though and if a paste following code into a “Code” element:

<script>
(function($)
{
$(function () {
	$('.popup-modal').magnificPopup({
		type: 'inline',
		preloader: false,
		focus: '#username',
		modal: true
	});
	$(document).on('click', '.popup-modal-dismiss', function (e) {
		e.preventDefault();
		$.magnificPopup.close();
	});
});
})(jQuery);
</script>
<style>
.white-popup-block {
background: #FFF;
padding: 20px 30px;
text-align: left;
max-width: 650px;
margin: 40px auto;
position: relative;
}
</style>
<a class="popup-modal" href="#test-modal">Open modal</a>

<div id="test-modal" class="mfp-hide white-popup-block">
        <h1>Modal dialog</h1>
        <p>You won't be able to dismiss this by usual means (escape or
          click button), but you can close it programatically based on
          user choices or actions.</p>
        <p><a class="popup-modal-dismiss" href="#">Dismiss</a></p>
</div>

I can reproduce the demo content of the magnific popup website.

Cheers!
Peter

Hi!

Not without some additional code which checks the hash values and triggers the modal box if necessary. I guess a skilled js developer can do this with 1-2 hours of work but it’s just a rough estimate. If you need help with it please hire a freelancer – i.e. from http://studio.envato.com/

Cheers!
Peter