The preview could not load....error

[BUXIS]

Hi,
I am getting:

“The preview could not load due to the iframe response being incomplete. This is most often related to a plugin conflict, or customizations introducing a PHP error.
Origin URL: http://ferrariabogados.uy
Preview URL: http://ferrariabogados.uy”

I have browsed the forum and check all I could check.
Including:

PHP versino 7.2
WPWordPress 5.0.4 running Pro – Child Theme theme.

user.ini
[PHP]
display_errors = Off
max_execution_time = 300
max_input_time = 300
max_input_vars = 1000
memory_limit = 1024M
post_max_size = 64M
session.gc_maxlifetime = 1440
session.save_path = “/var/cpanel/php/sessions/ea-php72”
upload_max_filesize = 64M
zlib.output_compression = Off

Also recreated the .htaccess doing the permalink save. As it is a brand new installation I just have three plugins I activated from Pro theme itself which are for, the sake of the troubleshooting, all disabled.

As far as I could research this is all I can do. It’s not the first time and proved to be a very annoying issue.

Could you take a look for me?
I’ll send credentials for you to access…

Thanks,
Gonet

[mldarshana]

Hi Gonet,

Thanks for writing in! Since you’re on a new WordPress installation, I went ahead and updated your WordPress to the latest version and also re-installed your Pro theme.

Then when I have tested your Pro builder, I see that it’s loading properly (see secure note below).

Please make sure to clear all caches when testing on your end (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Let us know how it goes.
Thanks!

[BUXIS]

Hi @mldarshana,
I had already cleared the cache as I did know that this might affect how the browser renders the site and there is no cache plugins in the site.
In the first place the error never showed in the page builder but in Theme options, Header and Footer builders. Screenshot below

Please advice.

Gonet.

[christian]

Hey Gonet,

I experienced the issue with the Theme Options and Header builder in your site. Would you mind contacting your host to increase:

• MYSQL Maximum Packet Size to 1,024.0 MiB
• MYSQL Maximum No. Connection to 500

Please also try updating your PHP and MySQL version. I know you said you upgraded to PHP 7.2 but it’s not what’s showing in WP ServerInfo.

Please also note that this is highly likely to be a server configuration conflict with Pro. We could not make Pro work for each and every server setup because as you know, there are lots of variables you need to take into account and moreover, we do not have control over third party servers. Pro works in standard server setups. It works even in very cheap host.

Thanks.

[BUXIS]

Thanks @christian_y,
I have already sent them a request. I’ll let you know how I went as soon as they reply.

Stay tuned…

Gonet.-

[thai]

Sure, let us know how it goes!

[BUXIS]

I have just started a new site with the PRO them in Bluhost. Guess what…the same issue!
Please take a look, this is driving me nuts.

Steps I took already
Made the wp-config line additions
Recreated .haccess
Cleared cache and disabled all plugins.

Already contacted the hosting but the can’t change the MYSQL to the parameters you ask…I would be necessary to upgrade to a VPN which is not acceptable for a site like this. I used to make some other PRO sites work not with out this kind of issues. This is getting very frustrating. Please help at this point I need to make this sites work otherwise I’ll as for a refund and look elsewhere. Honestly I lost the complete week dealing with thi issue. If there are specific specs the theme needs you need to state that even before installing it so I as a user can decide and estimate costes and sever budget.

I’ll send credentials to access this new site in a private note.

Please make an effort here, I used to be a big fan of PRO (between X and pro I have 10 licenses purchased) but that is starting to change quickly. Again, loosing a whole week trying to set up a theme and not being able to start design work in fresh brand new installations seems to me like unacceptable.

Thanks,
Gonet

[ruenel]

Hello @BUXIS,

I have logged in to your site and created a test page. I was able to edit it in Cornerstone with no issues at all.
The only thing I noticed is that I encountered an issue when I edit your homepage. I am puzzled because your homepage redirects to landing page. Are you using any plugin or anything that displays the landing page?

By the way, when there is an error message in the preview and a page/post must be edited urgently, you can use the skeleton mode to edit the page for faster response and easy access of the elements on the preview area.

Hope this helps.

[BUXIS]

Hi @RueNel,
If you follow the thread you’ll see that the problem is not in the page editor but in the theme options, header and footer builders. There is where the problem lays. I am an old PRO user so I already knew that component view but is no good for the problem I have.

The landing was manually coded by me and uploaded to the site manually too as we needed some kind of presentation for the company. I have also tried out several pro previous version with the same result. I tested 2.2.5 2.4.7 nad the most current one 2.5.5…same result.

I don’t understand the need for the MYSQL setting upgrade to MYSQL Maximum Packet Size to 1,024.0 MiB
MYSQL Maximum No. Connection to 500 but in a previous site I have with PRO and in same Blue Host hosting worked fine. Blue host told me that to make that change I would need to go to a VPS solution which seems way to expensive and unnecessary for the site we need. I just need to custom design headers and footer, which is why I like PRO so much.

Gonet.-

[ruenel]

Hello @BUXIS,

I guess the issue is caused by your custom coding for the landing page.

I have tried viewing the theme option while I am viewing the test page and I was able to launch the theme options.

I also created a custom header and assign it to the test page. When I edited the custom header, I do not have any issues.

Please disable your custom coding for the landing page and test your site again.

[BUXIS]

@ruenel,
It’s an index.html, landing.css and a folder with two svg file do you really think that is the problem? Is not PHP is plain HTML.

Content below:

html:

Boost! Sports Management

warm up mode...site soon.

        </div> 
        <div class="footer">
            <p>Dirección | Divina Comedia 1651 | Montevideo, Uruguay | www.boostsports.com.uy</p>
            <p>CP. 11.200 | <a href="tel:+59899240952">Tel. +598 99 240 952</a> | <a href="mailto:paula@boostsports.com.uy">paula@boostsports.com.uy</a> </p>
            <p></p>
        </div>   

CSS:

@import url(‘https://fonts.googleapis.com/css?family=Titillium+Web:100,300,400,700’);

body {
background-color: #f37021;
color: #ffffff;
font-family: ‘Titillium Web’, sans-serif;
background-image: url(images/boot_bg.png);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
margin: 0;
height: 80vh;
}

a {
color: #ffffff;
font-weight: 700;
}

p {
font-family: ‘Titillium Web’, sans-serif;
font-weight: 300;
font-size: 1em;
line-height: 2em;
margin:20px;
}
.container {
margin:20vh auto 0 auto;
width: 80vw;
background: #ffffff00;
padding:20px 20px;
}

.container img {
padding-bottom: 30px;
}
.logo_container {
max-width: 640px;
text-align: center;
margin: 0 auto 80px auto;
}

.content p {
background: transparent;
color:#ffffff;
margin: 0 auto;
text-align: center;
width: 100%;
font-family: ‘Titillium Web’, sans-serif;
font-weight: 100;
font-size: 2em;
}

.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: transparent;
border-top: solid 2px #ffffff;
text-align: center;
}

[rad]

Hi @BUXIS,

That’s the reason why it’s not working

It’s a static HTML that bypasses PHP default page. To put it simply, the preview placeholder and builder’s resources are loaded through PHP and it’s not there since it’s an HTML file that isn’t part of the Wordpress, nor even created or setup through Wordpress. It’s probably set up and configured through hosting or htaccess default pages.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Boost! Sports Management</title>
    <link rel="stylesheet" type="text/css" href="landing.css" >

</head>

<body>
        <div class="container">
                <div class="logo_container">
                    <img src="images/boost_logo.svg" />
                </div>
                <div class="content">
                    <p><b>warm up</b> mode...site soon.</p>
                </div>
            
            </div> 
            <div class="footer">
                <p>Dirección | Divina Comedia 1651 | Montevideo, Uruguay | www.boostsports.com.uy</p>
                <p>CP. 11.200 | <a href="tel:+59899240952">Tel. +598 99 240 952</a> | <a href="mailto:paula@boostsports.com.uy">paula@boostsports.com.uy</a> </p>
                <p></p>
            </div>   
</body>
</html>

As you can see from the code, not even Wordpress’ libraries are loaded or added. If it’s meant to be an under construction page then it’s best to use a plugin.

Thanks!

[BUXIS]

Hi @rad and @RueNel nel,

Ok…I f*** up this time. To be fair this is the only time the cause of the error was me! This kind of error caused its good amount of trouble in the past, this one and cornerstone (when it gets stubborn). Which is less and less often. That is why I was puzzled…

I didn’t mention the fact that I put that landing there cause honestly I didn’t know. So thanks for realizing this was the issue.

So… I don’t care it was me or that I didn’t know I was making a newbie mistake…I am relieved, that feel good.

Ok now, time to build a couple of sites.

Thanks for the help again!

Take care.

Gonet.-

[rad]

Glad we could help, and you’re always welcome