I am trying to create a hero slider on a word press site and everything seems to be fine until I attempt to add a button to a hero frame. I have entered the associated [buttons] shortcode in the content area, complete various settings for the button itself, but the changes never seem to be shown on the page after I save. I can preview the changes while the settings window for the widget is open, and everything looks fine, but once I click done and then save changes to the page, the button never appears.
Unable to save changes to hero image widget after adding a button
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Scohen
Thanks for posting.
Do you have a public URL where we can take a look at what’s going on?
Thanks Andrew.
Here’s the page: https://sites.nicholas.duke.edu/superfund/homepage/
Sam
Hi Sam, thanks. If you’re able to, try seeking out a working baseline by temporarily deactivating all plugins not authored by SiteOrigin. Once done, edit the Hero, ensure the shortcode is in place, re-save the widget and then the page. Does the issue persist in this state?
Yes, the problem is still there.
The final baseline test would be to temporarily switch to a default theme like Twenty Nineteen, temporarily deactivate all plugins not authored by SiteOrigin and then re-save the widget and the page. The test should only take a minute or two.
Hmm, same problem.
Edit the page, click LayoutsImport/ExportDownload Layout, upload the JSON file to wetranfer.com and send us the link. No email address required. We’ll take a look. Thanks.
Here you go: https://we.tl/t-xpbA5sOAUz
Some extra info that may be of use — I first tried to export the layout for the hero widget, clicked “download layout” and nothing happened. This happened after I had re-inputed my desired settings for the buttons, saved the widget, and saved the page. I could see the buttons in preview mode, but they still did not show up on the actual page.
When I was unable to download the layout file, I refreshed the edit page and my button settings were gone. I got a message saying that a newer version of the widget’s content was available and asking if I wanted to restore those changes (see screenshot). I tried doing that and all the same problems persisted. Finally, I refreshed the edit page again, the button changes were gone, and I was able to download the layout file.
Thanks
There aren’t any buttons present in the exported layout. https://imgur.com/a/gPdR7pa
Are there any JavaScript errors visible in the console when editing the Hero? Here is how to check https://wordpress.org/support/article/using-your-browser-to-diagnose-javascript-errors/#step-3-diagnosis
Yes, I wasn’t able download the layout file while the buttons were present. There does seem to be a JS error when I try to do that layout download when the buttons are present — text below and screenshot at this link: https://we.tl/t-aFbDz4N29M
JQMIGRATE: Migrate is installed, version 1.4.1 deprecated.min.js?ver=2.6.1:1
wp.editor.BlockControls is deprecated. Please use wp.blockEditor.BlockControls instead.
c @ deprecated.min.js?ver=2.6.1:1
post.php?post=6619&action=edit:1 [DOM] Found 2 elements with non-unique id #_wpnonce: (More info: https://goo.gl/9p2vKq)
post.php?post=6619&action=edit:1 [DOM] Found 3 elements with non-unique id #widget-sow-hero-c57-frames-background-videos-url-_id_: (More info: https://goo.gl/9p2vKq)
/superfund/wp-admin/admin-ajax.php?_panelsnonce=d09d66f823:1 Failed to load resource: the server responded with a status of 403 (Forbidden)
admin-ajax.php?action=so_panels_export_layout:1 Failed to load resource: the server responded with a status of 403 (Forbidden)
If possible, try reaching out to your hosting provider. Let them know about the 403 errors you’ve found in the console and ask if they can perhaps check logs to see if there is blocking taking place that they could correct.
Ok, thanks for your help Andrew
For sure, let us know how it goes.
So I think I got it to work, at least in some cases. I changed the links I was referencing in the hero to actual URLs instead of internal directories after reading that that might be causing the 403 error. That still didn’t fix things, so instead of placing the widget within a row within a SiteOrigin Layout box, I just placed a SiteOrigin Widget box and chose Hero from the dropdown menu of various SiteOrigin Widgets. That seems to have worked, though I’ve no idea why.
I originally put the hero within a layout box because I wanted to stretch the hero all the way across the page to accommodate the wider header images, which I don’t think I can do via the work around, but oh well.
Thanks for the update.
If would be worthwhile checking with your hosts. They can take a look at their logs and see if there is a particular issue causing the 403 errors. That’s the base issue.
If you’re working via the Block Editor, you could also test on a Classic Editor page to see if the issue persists there.