laugei

<p>This plugin allows WooCommerce shop owners to change variations drop-down list native design to custom, which looks the same on all browsers and platforms.</p>
<p>The plugin uses Select2 javascript library which is included with WooCommerce.</p>
<p>Compatible with:<br />
<a href="https://woocommerce.com/products/product-add-ons/" title="Product Add-Ons" rel="nofollow ugc">Product Add-Ons</a><br />
<a href="https://woocommerce.com/products/product-bundles/" title="Product Bundles" rel="nofollow ugc">Product Bundles</a></p>


WooCommerce variations Select2

A simple plugin that enables Select2 for WooCommerce variations select boxes

Ross Wintle

<p>This plugin provides a library for developers to use to create AJAX-powered drop-down post select boxes.</p>
<p>This is best explained with an example. Say you have a plugin or theme that sets up a custom post type called “Resources”.  You want users to be able to manually create, for each post, “Related posts” and “Related resources” using meta boxes with data (the IDs of the related posts/resources) saved to custom fields.</p>
<p>One way to do this is to use a select box. This would be a big long list of ALL the posts or resources on your site. This is not very user friendly, but also, with a large number of posts and resources to list, can be a real performance hog. I’ve even had this approach blow the PHP memory_limit and break the admin of sites.</p>
<p>This plugin improves both the user experience and performance of creating selectable post lists by enhancing them with the functionality of AJAX-powered <a href="https://github.com/select2/select2" rel="nofollow ugc">Select2</a> select boxes.</p>
<p>The plugin:</p>
<ul>
<li>gives a simple way to select posts from a specified post type based on a partial, case-insensitive title search</li>
<li>saves selected post IDs to custom post meta variables</li>
<li>requires minimal coding (but, sadly, does require some coding in your plugin or theme)</li>
</ul>
<p>Select2 is MIT Licensed and Copyright (c) 2012-2015 Kevin Brown, Igor Vaynberg, and Select2 contributors,</p>
<h3>Configuration</h3>
<p>This plugin provides a library for you to use in Themes and Plugins that you create.  To use it you will need to add some code to your plugin or theme. Not much, but you will need to add some.</p>
<p>The basic steps are:</p>
<ol>
<li>initialise the post selectors</li>
<li>create a meta box that displays on your custom post type’s edit page</li>
<li>populate the meta box with the post selectors</li>
<li>getting your data out</li>
</ol>
<p><em>Note: all code here is prefixed with ‘demo</em>‘ – please change this to an appropriate prefix for your own project or put the calls in a wrapper class or namespace of some sort._</p>
<h3>Initialise Post Selectors</h3>
<p>You should initialise the Post Selectors on admin_init – they aren’t required in the front end.</p>
<p>You should call S2PS_Post_Select::create() for each post selector that you want to create.</p>
<p>The parameters to the create method are:</p>
<ul>
<li><code>$field_id</code> – this is the ‘name’ of the field – used to identify it for printing or saving – it must be unique for your post selector</li>
<li><code>$meta_key</code> – the meta_key to fetch/save data to/from</li>
<li><code>$form_field_name</code> – the name attribute of the select form field to be created</li>
<li><code>$form_field_label</code> – the label text for the select form field</li>
<li><code>$post_post_type</code> – the post type of the posts which we want the select box to appear for</li>
<li><code>$item_post_type</code> – the post type of the things to appear in the select list</li>
<li><code>$additional_query_params</code> – any additional query params for generating the list (if you want to filter what appears in the selector); this is an array of parameters that you would pass to <code>WP_Query</code> – you can pass pretty much anything, I think, except post_type. Using things like pagination parameters probably isn’t recommended.</li>
</ul>
<p>The first parameter, <code>$field_id</code>, is needed when adding the code to display the post selector, so remember what they are.</p>
<p>Here’s some code that initialises “Related posts” and “Related resources” (of “resources” custom post type) to be displayed on the edit screen of posts.</p>
<pre><code>add_action('admin_init', 'demo_create_post_selects');
function demo_create_post_selects() {
    S2PS_Post_Select::create( 'related-articles', 'related-articles', 'demo_related_articles', 'Related articles', 'post', 'post');
    S2PS_Post_Select::create( 'related-resources', 'related-resources', 'demo_related_resources', 'Related resources', 'post', 'resources' );
}
</code></pre>
<h3>Create meta boxes</h3>
<p>This just uses a standard WordPress add_meta_box call to add a meta box to the post type that you want to display the selectors in.  The callback to print the content of the meta box (<code>demo_print_related_items_meta_box</code>) will use the code in the next section to display the post selectors.</p>
<pre><code>add_action('add_meta_boxes', 'demo_add_related_items_meta_box');
function demo_add_related_items_meta_box() {
    add_meta_box( 'related_items', 'Related Items', 'demo_print_related_items_meta_box', 'post', 'normal',
         'default' );
}
</code></pre>
<h3>Add post selectors to meta boxes</h3>
<p>This is the callback that is called to display the contents of the meta box.  Here we need out <code>$field_id</code>‘s from the first section of code.</p>
<pre><code>function demo_print_related_items_meta_box( $post ) {
    S2PS_Post_Select::display( 'related-articles' );
    S2PS_Post_Select::display( 'related-resources' );
}
</code></pre>
<h3>Getting data out</h3>
<p>Data is stored as regular post meta, so you can retrieve it with <code>get_post_meta()</code> calls (or other functions that get post meta for you).</p>
<p>One important thing to note is that if multiple posts are selected in a given field then these are stored as multiple post meta entries with the same key.  So, when you call <code>get_post_meta()</code>, ensure that the <code>$single</code> parameter is set to <code>false</code> (it is by default).</p>


Select 2 Post Selector

I was in urgent need of understanding Select2 for my own projects.  The really clear code in this plugin made it a breeze to clone what I needed.
Thanks!!!!



Great Job, you rock!

Provides developers with a simple means of creating AJAX-powered Select 2 post select meta boxes

WooCommerce variations Select2 vs Select 2 Post Selector