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)
This topic contains 6 replies, has 2 voices.
Last updated by 2 years, 3 months ago.
Assisted by: Luo Yang.
Tell us what you are trying to do?
I have a view of business card designs that are in progress. You can see the current design of the front and back of each card, and clicking on a card opens a modal with a form with allows you to edit the card, upload images using the wp.media uploader. See attached. When you submit the form it should refresh the specific card design with the new imagery without reloading the whole page.
I have achieved most of it by having a view with a cred form in the loop. The form contains both the card design in view mode as well as the card edit form (following advice on other support threads) in a bootstrap modal. The edit form is set to use ajax and keep displaying the form after submit.
This works great, the first time you upload an image, select it in wpmedia and submit the cred form. The card edit bootstrap modal closes and the underlying card design refreshes with the new imagery. However if you try to edit the card a second time and upload an image, it doesn't work. The wp.media gallery upload works fine, but the hidden input that stores the attachment value doesn't update, and I can't see any change events being fired on that input.
Is there any documentation that you are following?
There is very little documentation in the WP Codex https://codex.wordpress.org/Javascript_Reference/wp.media
There are other examples of how to implement your own media uploader, but because I am using Toolset, I'm hoping not to go down that road.
What i have noticed is that the wp.media frame persists after the form is submitted, so I'm wondering if the frame as lost its bind with the underlying hidden input? I have been trying to reference the frame in javascript to see if i can reset where the uploader sends the attachment data on select, and set it back to the correct input.
Is there a similar example that we can see?
Not that I can find.
What is the link to your site?
hidden link
Ok, I created a new view, just with a cred form in the loop, with the default formatting of a test edit form for the card post type. I set the form to use ajax, the wp media library manager is selected. No modal implemented.
Only toolset plugins active and twentytwentythree theme.
Still exactly the same issue. First time, the image saves correctly. After form submit, I try to replace the image, nothing happens.
No js errors, no php errors in debug log.
