Differences between front-end editor and live site

This support ticket is created 5 years, 4 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Front-end display, Layouts plugin

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 5 years, 4 months ago.

Assisted by: Luo Yang.

Author

Posts

June 24, 2019 at 11:28 pm #1276205

Dan Kitsmiller

I'm attempting to customize the Real Estate sample site, and changes made to a layout via the front-end layout editor don't seem to be saving, and there are other differences. For example, in the the image gallery section of a "house" page, the images appear full-width on the live site and not the 300 pixel width specified. Also, the icons that appear before the number of beds, baths, square footage, etc. show up just fine on the back end, but are missing entirely on the front end. I've tried clearing the cache of my browser as well as through GoDaddy, tried different browsers, etc. but the problem persists.

June 25, 2019 at 4:00 am #1276275

Luo Yang

Hello,

Thanks for the details, I can log into your website, I assume we are talking about the layout "Single - Property", and single "House" post: Sierra at Escaya Plan 1

Q1) the images appear full-width on the live site and not the 300 pixel width specified
I assume we are talking about the shortcode in your layout:
[types field='property-gallery' width='300' height='200' align='none' resize='crop' separator=''][/types]

I have tested it in front-end:
hidden link

All those images are loading from another website(CDN), for example:
hidden link

See screenshot: image-field.JPG

It seems to be a compatibility problem, please check these:
1) Deactivate all other plugins, and switch to wordpress default theme 2019, deactivate all custom PHP/JS code snippets
2) Re-uploads those images, and test again

Q2) the icon issues

I assume we are talking about those HTML codes:

 <i class="fa fa-home text-primary"></i>

If it is, those icon CSS style are from CSS file :
hidden link

But in the problem page:
hidden link

I see below error in my chrome browser console box:

Access to XMLHttpRequest at 'hidden link' from origin 'hidden link' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

See screenshot console.JPG

Same as Q1), it should be the CDN problem of your website, I suggest you fix the CDN problem first.

And here is a document about: Toolset Resource Directories for CDN Upload
https://toolset.com/documentation/programmer-reference/toolset-resource-directories-for-cdn-upload/

For your reference.