Use new Media UI for variation thumbnail

[garyc40]

This is a tough one.

If you click on the thumbnail of a variation while editing a product, wpec is still using the old media UI.

After taking a brief look at the code for the new Media UI, it looks like converting that to use new Media UI is really tough (if not possible). The main problem is the javascript for new media UI doesn't allow multi instances of the media manager to be spawned. There are three ways to deal with this:

• Work with WP.org core team and propose changes to make multi instances work.
• Devise our own UI for selecting variation thumbnail.
• Just live with the old media UI, but there's no telling when this will be deprecated. Better prepare for that soon.

[JustinSainton]

Interesting - I'm not 100% sure it's impossible to have multiple editor windows on one page.

Had a project recently where I had to have multiple (Like a dozen or so) editors on one page. Had no problem doing that with wp_editor() - and each one had its own Media Manager instance.

I did have one context on this page that didn't require the whole Editor - just the media manager. This was around RC3 or so, so a lot of things were still in flux. The best way I could figure out at the time of just getting my own instance of the media manager was to do a super light wp_editor, hide everything, and show the Editor button image.

There's certainly a better way to approach this now, but here's the code for reference.

wp_editor( 'content', 'id_for_editor', array( 'wpautop' => false, 'tinymce' => false, 'teeny' => true, 'quicktags' => false ) );

[benhuson]

Should be possible I would have thought although I don't think there is any documentation as yet.

Think Koop was responsible for most of the Media update so it may be possible to pick his brains.

Also I read something recently about Mike Jolley updating this for WooCommerce.
http://mikejolley.com/2012/12/using-the-new-wordpress-3-5-media-uploader-in-plugins/

Don;t know if that helps....?

[JustinSainton]

Yep, definitely possible - came across that write-up myself and a few others. We should be able to pass and retrieve post ID vars to and from the Backbone instance for the each media window. Another great example is at https://github.com/thomasgriffin/New-Media-Image-Uploader. And actually, I'm hoping we'll be able to get some of @thomasgriffin's time in this area over the next few months, he's done some really great work with it.

[benhuson]

Another tutorial here:
http://shibashake.com/wordpress-theme/how-to-add-the-wordpress-3-5-media-manager-interface

[benhuson]

Also useful - how to use for gallery selection:
http://shibashake.com/wordpress-theme/how-to-add-the-wordpress-3-5-media-manager-interface-part-2

[JustinSainton]

Punting for 3.8.12 pending further traction.

[JustinSainton]

@InstinctBrett - this issue should be considered as you're building out the new Add Products UI.

[garyc40]

Closing this and submitted PR to #41 as they are closely related.

[garyc40]

I'm not quite happy with this yet as there are a lot of hacks involved, but none of those our faults.

WP core media javascript depends too much on global variables (media.view.settings.post), which makes it hard to have multiple instances of the same media frame.

This is considered complete, but is still a starting point where we can build a lot of other amazing things upon (like a new downloadable product manager).

Also need to make a mental note to submit some patch / proposal for easier extension of core WP.Media API.

[garyc40]

Also make sure to test the product variation thumbnail. The old UI has been completely replaced with WP 3.5 UI.