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.

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 Havi,

My site is running so pretty heavy JS Calculators which slow down the site considerably. I can’t do any thing about that until the original plugin programmer updates how assets are loaded. So desktop is OK but on Mobile, I get a bad result because of “Eliminate render-blocking JavaScript and CSS in above-the-fold content”
If I take out the calculators – everything is clean and works 98%.

Please see screenshot of my settings from HummingBird

http://tinypic.com/r/2hoi4yb/9

JS and CSS minification

1. Do a Google PageSpeed Insights on your site
2. Scroll to the bottom of the results page and look for this “Download optimized image, JavaScript, and CSS resources for this page.”
3. Click on the link and a ZIP folder will be download with all your compressed assets. Unzip.
4. Re-upload the minified assets to your site.

From memory, using this method, the CSS and JS minification does not concatenate the source – which breaks most AVIA CSS and JS file functionality. The compressed minify file is similar to the results produced by Hummingbird.

Let me know how you go.

And please share any workarounds and fixes that you discover.

ENFOLDS – SPEED OPTIMISATION
HOST: AWS Sever | Apache | CPANEL | m3.medium | 3.75G RAM
WORDPRESS: 4.7.5
ENFOLDS: 4.0.2

TARGET:
Homepage and other pages with the following ENFOLDS elements, reviewed and tested.

• LayerSlider WP
• Avia Layout Builder – Masonry Grid Build Animation and Interaction
• Avia Layout Builder – List icon animation
• Avia Layout Builder – Media – Image Load Animation and Hover
• Google Fonts
• Google Analytics
• Google Map API

Full Page test in Pingdom Tools.
https://tools.pingdom.com/#!/b3wuUu/http://www.acahomeloans.com.au
This specific test was done on May 21 at 09:39:11 from Melbourne, Australia.
The web page took 590 ms to load, used 112 requests, and weighed in at 712.1 kB.
The Google Page Speed performance grade for this web page is 96/100.

Final Implementation…
———————————————————–
WP-Rocket
The functionality WP-Rocket adds – is done by updating your .htaccess file. in-depth explanation later.
WP-Rocket | Basic Options | Files optimisation: HTML + Inline CSS + Inline JS
WP-Rocket | Advanced Options
Static Resources: Remove Query Strings – YES
Prefetch DNS requests:

• //fonts.googleapis.com
• //maps.googleapis.com
• //ajax.googleapis.com
• //csi.gstatic.com

WP-Rocket | Preload | Activate preload bot: Automatic | Sitemap preloading: Activate the sitemap preloading + Yoast SEO XML sitemap
———————————————————–
WPMU DEV – HUMMING BIRD
CSS and JS Include + Minifiy + Combine + script header footer re-positioning
Why Humming Bird? Humming Bird’s minify script was the only one out of so many minify plugins that did not introduce Enfolds animation and stylings display issues after concatenation – more in-depth explanation coming later.
———————————————————–
VENDI CACHE
This use to be WordFence Falcon Cache – which does an amazing job of serving cached static html version of your pages.
Vendi Cache | Cache Mode : 30 to 50 Times speed increase
———————————————————–
CLOUDFLARE
Free version of CloudFare
CloudFlare | Speed | Auto Minify: Javscript + CSS + HTML
Rocket Loader – OFF
Rocket loader kills LayerSlider WP and other Enfold JS sliders. You can create a page rule so that Rocket Loader is not active on the pages that have sliders – so that the rest of your content pages are not affected.
———————————————————–

I’ll try and create a definite guide to ENFOLDS optimisation, which plugins tested, pros and cons.

Back soon.

Let me know if you have any questions.

I see that people are still having issues with Masonry Gallery after upgrading to enfold 4.0.7

As part of my speed optimisation, I have noticed that Masonry Gallery does not dynamically set <img srcset= for different device views. i.e the theme resized images are not used and only the original placed sourced image is used.

This is decreasing my PageSpeed insights score – optimised images – everything placed in a Masonry Gallery

just wondering if there is a quick fix for this?

• This reply was modified 6 years, 11 months ago by HuxburyQuinn.

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.

Hi Ismael,

Yes the culprit was a plugin “Indeed PopUps”

I have replaced the need for this plugin by using this code

https://kriesi.at/support/topic/code-snippet-inline-post-content-popup-magnific-popup-shortcode/

you can consider this closed.

thanks for the great support.

credentials below

• This reply was modified 7 years, 1 month ago by HuxburyQuinn.