I upgraded one my Plone installations from 4.1.something to a 4.2.4 a while back. A weird thing then appeared: when editing any content, the fieldsets for that editing form all appeared one after another and not in their respective tabs.
Now when a user edits the content and hits "Save" they get a warning from the browser that they are about to leave the page. Paradoxically the user has to hit Leave Page because the changes have been changed. Clicking on one of the tab headings causes the changes to be lost and the edit session abandoned.
I don't think it's a theme thing - all the Plone instances on that server, each with a different theme - are exhibiting this problem.
Where would I start looking to fix this?
Sounds like you have a javascript error.
The fieldset tabs are handled in pure JS; all but the first are hidden on page load.
Look in your browser console and see what is tripping up the JS and preventing the code from moving the fieldsets to tabs.
Related
I manage a Wordpress page that had this issue before, but after doing some caching configuration (W3TC) the product list in shop page started disappearing more frequently. The only thing that brings it back is opening the page in page editor and pressing "update", no changes should be made. Purging all cache also does not help (pages are built using DIVI page builder).
So far I have reverted all of the changes that were made before, but that has not decreased the frequency of the issue.
Because of the store being live, I am not inclined to do plugin uninstalls as it can damage the page even more (Issues of page CSS not loading properly were seen before, purging cache helped in that case)
One thing that I thought about is making some kind of script that updates the page automatically as a temporary solution (a new site is going to be made eventually)
What could be done to either troubleshoot this issue in safe way or at least create an automatic page update script?
-WordPress 5.1.1 running Divi theme, Woocommerce version 3.5.7-
You say page "started disappearing more frequently", do you mean page is loaded but content disappears or it whole page does not load?
Try turning off Minifying in W3TC. I had this problem few times and always a problem was typo in CSS.
In W3TC in General Setting there is possibility to enable Preview mode, turn this on always before deploying. Turn on preview mode, check if everything is Ok, test, search for bugs. And only when you are sure that everything works fine then deploy it.
Thank you Vladimir for the tip about preview mode. The bug unfortunately is not in the CSS though because minifying is not enabled in W3TC.
By "disappearing more frequently" I mean Header and Footer being fine and Body being only partly loaded - Broken page screenshot
However, I have tracked down the issue to woocommerce itself. It seems like the default set shop page is the one crashing regularly. I did not find solution to the initial problem, but I found a trick that works, at least for now.
I created a new Shop page, but instead of linking it in Woocommerce settings, I just included a [products] shortcode. The previous page is still active, but not visible to user. Even if the shop page itself crashes, products are still visible and purchases are possible.
I am using 5.6.3.4 and using Designer Content to create blocks. I have customised the blocks by adding tabs. Other than that, it's pretty straightforward and everything is functioning well.
My problem is when I try to add and save a new block the first time, it keeps showing me the 'loading' icon but does not save the block. If I refresh the page and try adding the block again, it works. Sometimes it happens randomly and when I refresh the page and save, it works. Is there anything that's causing this and how can I fix this?
I have all cache turned off and am trying this on my localhost. The site does not have any other add-ons installed other than Designer Content. The site is using Bootstrap.
Had same issue, which was caused by tracking pixel code(javascript error).
Changed script to display code only when page is not in edit mode
I have a website in wordpress. I recently download a plugin called Advanced Ajax Page Loader. It refreshes you content when clicked on other page without refreshing the whole site(header, footer). I tried to get my answer from plugins developer and wordpress support forum, but none responded.
I read that if ajax jquery call is used then all scripts should be reloaded again, for that the plugin have a place where I should put those codes. Until that everything works correctly, except one thin. When I go from a category to category, everything works fine, but when I open a single Post it completely screws up all my css for that page, when I refresh it, everything looks fine but then again, if I open one of the big categories with many posts, then that pages css is messed up.
I though that I could somehow refresh whole css by putting some code in the "Reload code" box, but I have no idea how to do that using scripts. English isn't my native language, therefore I'm having difficulty finding my answer on google, I tried, but my vocabulary is limited. How can I do it?
are you adding CSS classes to your elements via Javascript? If so, then the styles you add will only affect those elements which are part of the DOM at that point in time, so you might be experiencing a race condition, that actually happens to work in Chrome and Safari, but not Firefox.
second try to validate your markup and CSS and see if you have any error in your css syntax ?
My site used the Sunburst theme without any custom style sheets – at most I would update the logo. I recently updated the logo and front-page after a long absence. The logo was successfully updated, however something else happened and now the site appears unstyled. Skip to content/Skip to navigation text links (for accessibility) appear at the top where they had not previously.
I checked portal_skins/custom, but there was no ploneCustom.css file there to remove, only the logo.png. I tried changing the theme to Classic but it also appeared unstyled, so then I changed it back to Sunburst. Next I went to portal_skins/sunburst_styles and pressed the customize button for public.css and ploneCustom.css, hoping to override the current style. Even though the style files were copied to portal_skins/custom (I did not modify the copies), the site still appears unstyled.
Please help a grad student whose occasional task is to maintain a Plone site (server is running Plone 4.) The server admin is away at a conference – the previous server admin who had the Plone expertise graduated last fall and is now out of the country (and also at the same conference.) I’ve read the documentations and searched for similar issues, but am at wit’s end.
I would greatly appreciate any guidance in how to revert back to the default Sunburst theme styles!
Sometimes the "Plone Classic Theme" seems to become applied when upgrading. In the Theme control panel ( http://yoursite/##skins-controlpanel ) make sure that "Sunburst" is selected.
I'm building a contact form for a mobile website in HTML5 and CSS. It is the same form I use on all mobile website and after not working for 5 hours I pulled the code straight from a working site I built and it still doesn't work properly.
The issue is when you go to the contact page it shows the contact form, but with the labels centered and the submit button image isn't showing up. I must refresh for it to bring up the correct CSS file to align the text left and show the submit button. Initially I thought it was from a CSS/JS conflict with my menu at the top so I pulled that and it still causes the same problem. I have cleared the cashe on my phone and web browsers and they all work the same.
Here is the link: www.lpokc.org/mobi/contact.php after going to this page hit refresh and you will see the difference.
My question is, is this a caching issue, is it server side issue, or is it a conflict in my coding. I'm not good with posting the code on this site but if you go to the mobile site from your web browser you can just right click and view source to see my code. I have a boiler plate html core file with boiler plate CSS and custom CSS.
Is there some sort of script I could use to make this page auto refresh one time on page load then not again after the reload? I don't want to use an improper fix like this but I have been working on this issue for a day.
The left side is before refresh. I have pulled the code from the site now but I think it was a js conflict because it was auto loading the css from the menu when the link for any page was clicked.
I'm seeing it fine on my end. Seems to work flawlessly, but if you are still having a problem, you could either use cookie or session variables. If the variable does not exist, you can use the php function header( 'Location: http://www.lpokc.org/mobi/contact.php' ) ; to "refresh" the page. It's actually just a redirect command, but if you are sending them back to the page they are on, it is pretty much the same thing as a refresh.
It was a conflicting issue with my menu JS/CSS. I pulled it and now everything works fine.