CODE SNIPPET – INLINE POST CONTENT POPUP – MAGNIFIC POPUP – SHORTCODE

UPDATE

Change this code

'<div id="%s" class="%s %s">%s</div>',

to include additional enfold css class “main_color”

'<div id="%s" class="%s %s main_color">%s</div>',

Then the CSS TWEAKS won’t be required.

The modal widow content will adopt all standard Enfold CSS Styling.

UPDATE

PHP extract() function is being depreciated – so I have updated the code below

https://externals.io/message/100637

I have added additional session timer cookie to automatically pop-up after a time period.
shortcode option: popup_delay="" is optional.

example: [mfp_post_popup post_slug_id=’1′ popup_id=’join’ link_text=’Subscribe’ popup_delay=’15’]

/*-------------------------------------------------------------------------------
ENFOLD INLINE POP-UP ENABLER
-------------------------------------------------------------------------------*/
function inline_popup_enabler(){
	?>
    <script>
        /*!
         * JavaScript Cookie v2.2.0
         * https://github.com/js-cookie/js-cookie
         *
         * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
         * Released under the MIT license
         */
        !function(e){var n;if("function"==typeof define&&define.amd&&(define(e),n=!0),"object"==typeof exports&&(module.exports=e(),n=!0),!n){var t=window.Cookies,o=window.Cookies=e();o.noConflict=function(){return window.Cookies=t,o}}}(function(){function e(){for(var e=0,n={};e<arguments.length;e++){var t=arguments[e];for(var o in t)n[o]=t[o]}return n}return function n(t){function o(n,r,i){if("undefined"!=typeof document){if(arguments.length>1){"number"==typeof(i=e({path:"/"},o.defaults,i)).expires&&(i.expires=new Date(1*new Date+864e5*i.expires)),i.expires=i.expires?i.expires.toUTCString():"";try{var c=JSON.stringify(r);/^[\{\[]/.test(c)&&(r=c)}catch(e){}r=t.write?t.write(r,n):encodeURIComponent(String(r)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=encodeURIComponent(String(n)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var f="";for(var a in i)i[a]&&(f+="; "+a,!0!==i[a]&&(f+="="+i[a].split(";")[0]));return document.cookie=n+"="+r+f}for(var p={},u=function(e){return e.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)},s=document.cookie?document.cookie.split("; "):[],d=0;d<s.length;d++){var l=s[d].split("="),C=l.slice(1).join("=");this.json||'"'!==C.charAt(0)||(C=C.slice(1,-1));try{var g=u(l[0]);if(C=(t.read||t)(C,g)||u(C),this.json)try{C=JSON.parse(C)}catch(e){}if(p[g]=C,n===g)break}catch(e){}}return n?p[n]:p}}return o.set=o,o.get=function(e){return o.call(o,e)},o.getJSON=function(){return o.apply({json:!0},arguments)},o.remove=function(n,t){o(n,"",e(t,{expires:-1}))},o.defaults={},o.withConverter=n,o}(function(){})});

        (function($){

            $( document ).ready( function(){

                var popup_link = $('.inline_popup');

                var delay = popup_link.data( 'delay');

                var cookieName = 'MfpHasDisplayedPopup';

                $('.inline_popup').magnificPopup({
                    type:'inline',
                    midClick: true
                });

                if( typeof Cookies.get( cookieName ) === 'undefined' && typeof delay !== 'undefined' ){

                    setTimeout( function(){

                        Cookies.set( cookieName , '1' );
                        $('.inline_popup').magnificPopup('open');

                    }, parseInt( delay ) * 1000 )
                }

            } );

        })(jQuery);
    </script>
	<?php
}
add_action('wp_footer', 'inline_popup_enabler');

/*-------------------------------------------------------------------------------
	ENFOLD SHORTCODE  - INLINE POST CONTENT POP-UP
	[mfp_post_popup post_slug_id="" popup_id="" link_text="" custom_class="" popup_delay=""]
-------------------------------------------------------------------------------*/

function mfp_post_popup_shortcode( $atts ){

	//default values
	$atts = shortcode_atts( [
		'post_slug_id' => '',
		'popup_id'     => '',
		'link_text'    => 'hello',
		'mfp_hide'     => 'mfp-hide',
		'custom_class' => 'mfp_popup_content',
		'popup_delay'  => false,
	], $atts );

	//get post content
	$pop_slug = get_post( $atts['post_slug_id'] );
	$content = apply_filters( 'the_content', $pop_slug->post_content );

	//output post content into the footer before the closing body tag - content is hidden
	add_action('wp_footer', function() use( $content, $atts ) {
		echo sprintf(
			'<div id="%s" class="%s %s main_color">%s</div>',
			$atts['popup_id'],
			$atts['mfp_hide'],
			$atts['custom_class'],
			$content
		);
	});

	//output popup link
	return sprintf(
		'<a class="inline_popup" %s href="#%s">%s</a>',
		( $atts['popup_delay'] ) ? 'data-delay="' . esc_attr( $atts['popup_delay'] ) . '"' : '' ,
		$atts['popup_id'],
		$atts['link_text']
	);

}
add_shortcode( 'mfp_post_popup', 'mfp_post_popup_shortcode' );

Hi Allia19
Sorry to hear you are having problems.

On a child theme, you do not copy the ‘functions.php’ file from the parent ENFOLD theme.

Please go here to download the child theme http://kriesi.at/documentation/enfold/downloads/

FTP – Upload the Child theme to your /wp-content/themes/

WP – Activate the “Enfold Child” Theme in Dashboard>Appearance>Themes

FTP – Open the ‘functions.php’ file in Enfold Child via text editor – Paste in the latest code above from ( February 28, 2018 at 4:03 am) above.

FTP Open ‘style.css’ in Enfold Child via text editor – Paste in the CSS code above.

WP – Add a page and get the ID of the page you wish to pop-up i.e. 4920

WP – On the page for the pop-up, paste in your shortcode like this.
‘[mfp_post_popup post_slug_id=”4920″ popup_id=”popup_1″ link_text=”open me”]’

I only posted the new code yesterday – so it fully tested and working on my client website. So it should be right.

Let me know if you have any further problems with your implementation.