Differences between front-end editor and live site

This support ticket is created Il y a 5 années et 7 mois. 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)

Marqué : Front-end display, Layouts plugin

Ce sujet contient 1 réponse, a 2 voix.

Dernière mise à jour par Luo Yang Il y a 5 années et 7 mois.

Assisté par: Luo Yang.

Auteur

Publications

juin 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.

juin 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:
lien caché

All those images are loading from another website(CDN), for example:
lien caché

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 :
lien caché

But in the problem page:
lien caché

I see below error in my chrome browser console box:

Access to XMLHttpRequest at 'lien caché' from origin 'lien caché' 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.