need custom post type to use blank page template

Hi,
You could try making a iframe popup.

First create a new page that will be your popup either with a blank template or hide the Header, Footer & Title Bar:

You could use the advanced layout builder, or as I did, paste the html code from your example popup in a code block element.

Then add the css in the General Styling > Quick CSS field that will create your blue header with the image, this is what I used:

.lightbox-leaders .top {
    color: #fff;
    background-color: #00aeef;
}
.lightbox-leaders .top:after {
    position: absolute;
    top: 0;
    right: 152px;
    height: 100%;
    width: 304px;
    background: url(https://boldearth.com/wp-content/themes/boldearth/images/lightbox-top-2x.png) no-repeat 50% 0;
    background-size: auto 9%;
    content: "";
}

Then create your link like this:

http://127.0.0.1/popup/?iframe=true

in this case, my popup page is http://127.0.0.1/popup/
and I created a button on my layerslider, but you could link images or text.
Give it a try, hope this helps.
*Please note that if your logged in as admin, you will see the admin bar in the popup, but your visitors won’t see this.

Best regards,
Mike

Hi,
From what I see the pages in your iframe are static html pages, that is, they are not built with WordPress, which would normally be good. But in this case they take almost 2 seconds to load because 97% of the pages load is fonts, css, and js that should not be needed.

The iframe pages are built to have the same look as your WordPress site, but 47% are different fonts, using the same font will save the user from downloading a new font. 28% is JS, but the pages need no JS at load, simple html & css will render the same page. 22% is css, which if you used the same classes as your main site you would not need this, even if you had a couple new classes they should be in your main stylesheet to save server requests and time.
If you built your iframe pages as WordPress pages you could also take advantage of your caching plugin.
I believe it would be worth your effort to do so.

Best regards,
Mike

Hi,
I stand corrected then, I didn’t know they were a custom post type and I didn’t see them in your post or pages. I was going by the additional files on load.
Perhaps enabling Prefetch and Prerender would be helpful. Here is a good article: How to add Prerender and Prefetch to WordPress sites

Best regards,
Mike

Hi,
I think I have found a better solution, which is to add your popup content hidden at the bottom of your page. This opens very fast.
First add this code to the end of your functions.php file in Appearance > Editor:

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true // Allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source in href.
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Next add your content in a code block at the bottom of your page, in my test I used one code block for each popup, but you could combine them if you wish. Be sure to use a different ID for each content block. Use this format:

<div id="test-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT HERE</p>
</div>

Then for your links use this format and be sure to target the correct ID’s:

<a class="open-popup-link" href="#test-popup">Show popup</a>

Then add this to your CSS:

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

In my test this worked very fast, but I noticed a 100px blank space at the end of my page, where the hidden content was. I added this CSS to hide this space and the popups continued to work. You will need to adjust this css to target the space on your page.

#top.page-id-626 #after_section_5 div.container {display: none !important;}

Hope this helps.

Best regards,
Mike