Ability to extend Attachment Display Settings section

[paulschreiber]

It would be very helpful if WordPress let you easily extend the Attachment Display Settings section.

Currently, if you extend wp.media.view.Attachment.Details, your render() call gets access to this.$el, something like

<div tabindex="0" data-id="75099" class="attachment-details save-ready">
...

However, the DOM doesn't yet contain the attachment settings, i.e.

<div class="attachment-display-settings">
<h3>Attachment Display Settings</h3>
...

I had to use a crappy workaround like this:

setTimeout(function() {
  jQuery('.attachment-display-settings').append( wp.media.template('my-attachment-display-settings')({}) );
  }, 200);

It would be very helpful if there was an easy way to extend the display settings section. One such way could be to fire an event after the render completes.

[wonderboymusic]

have you tried 'attachment_fields_to_edit'?

[swissspidy]

@paulschreiber Have you tried using 'attachment_fields_to_edit' as suggested?

[paulschreiber]

Yes, I eventually used attachment_fields_to_edit. It worked. However, that adds metadata to the database that persists with the image. I wanted something on the view layer only.

[swissspidy]

If saving that metadata to the database is not desired, one could probably hook into the appropriate save_ action to unset the metadata.

[paulschreiber]

Even if that did work, it would be hacky and cause unnecessary database calls.

I want this to act like other display settings (size, alignment, link to).

[valendesigns]

@paulschreiber You could also extend wp.media.view.Settings.AttachmentDisplay to replace the template.

_.extend( wp.media.view.Settings.AttachmentDisplay.prototype, {
	template: wp.template( 'my-attachment-display-settings' )
});