Global Meta Box Order vs MyStyle Custom Product Designer

Intuitively harmonize meta box positions and screen column layout for all backend users of your WordPress installation. Quick Overview Install and activate the plugin Switch to a post, a page, a custom post type, or the dashboard Change the order and position of a meta box (or all of them) Change the column layout Switch to a different user (maybe with the help of the User Switching plugin) See your changes applied Installation Download and unpack, then move the folder ‘global-meta-box-order’ into your ‘plugins’ folder. Head over to your WordPress installation and activate the plugin in the admin area. Rollback The plugin doesn’t write anything to the database, it just reads. So it never touches any user settings, but instead filters them on a per request basis. Though all applied changes appear to be permanent from a user’s perspective, they are not. Just deactivate the plugin and see all changes disappear. Activate it again, and they will all be reapplied. How It Works The plugin operates on a blueprint user whose screen settings for meta boxes (visibility, position and ordering), and column layout are cloned for all other backend users on the fly. By default, this blueprint user is the first admin user found, so you’ll need to be logged in as that user to globally change screen settings. For how to change the default blueprint user as well as other settings, please refer to the Configuration section below. Where It Works By default, the plugin kicks in when a user: edits a post edits a page edits a custom post type hits the dashboard What It Changes It will always change the meta boxes visibility, ordering, and column positions the column layout When told so, it will also remove the screen options box immobilize all boxes, so they can’t be moved around by your users anymore Usage Log in as your blueprint user. By default, the is the first admin user found in your system. Select an editing screen (post, page, custom post type) or the dashboard, move the meta boxes around, change their screen settings and the screen’s column layout. Switch to some user to review your settings, switch back to adjust them. When done, you might want to lock your views down by removing the screen options box and by locking the boxes’ sort order. Your blueprint user, of course, wil not be affected by this. Configuration The backend integration is kept to a minimum. No navigation entry, no options page, no entry in the database. Instead, the place to go to configure the plugin is your theme’s functions.php. By the way: You don’t need to configure the plugin. As long as it finds an admin user, it will work just fine. Preparation Fire up an editor, load your functions.php, and copy and paste the following code into it. The idea is to have some sort of container to do the configuration in, but do it any way you like. For brevity, we’ll assume the plugin is loaded and active, so we won’t check for that (see this nice write-up on QueryLoop on some ways to do it, though). if (is_admin()) { // The path to the configuation is rather long, so let's // make us a shorthand. class_alias('\GlobalMetaBoxOrder\Config', 'MetaBoxConfig'); // Add MetaBoxConfig below this line ... } Now we are ready to add some of the configuration settings below to adjust the plugin’s default behaviour. You might also want to have a look at the example configuration near the end of this document. Please keep in mind that you need to be logged in as any user but your blueprint user to see a setting applied. Again, the User Switching plugin might come in handy. Screens To Operate On By default, the plugin operates on the post, page, and custom post type editing screens, and the dashboard. You can change this as follows: // Operate on post and page screens only, leave the dashboard alone. // This will still include custom post types. MetaBoxConfig::$filter = array('post', 'page'); // Exclude custom post types MetaBoxConfig::$include_cpts = false; // Allow custom post types... MetaBoxConfig::$include_cpts = true; // ...but not all of them MetaBoxConfig::$exclude = array('acme_product'); MetaBoxConfig in the example above is assumed to be an alias to \GlobalMetaBoxOrder\Config as shown in the preparation section above. Changing the Blueprint User Register a function that returns a user id, like so: MetaBoxConfig::$getBlueprintUserId = function () { return 1; }; Or, more involved: MetaBoxConfig::$getBlueprintUserId = function () { $user = get_user_by('slug', 'jane'); return $user ? $user->ID : false; }; MetaBoxConfig in the example above is assumed to be an alias to \GlobalMetaBoxOrder\Config as shown in the preparation section above. Locking Views By default, all users will be able to interact with the screen options box, and to move around the meta boxes themselves. There is a rationale behind it, but to cut things short, this is how you might want to change it: // No screen options MetaBoxConfig::$remove_screen_options = true; // Meta boxes can't be moved anymore MetaBoxConfig::$lock_meta_box_order = true; MetaBoxConfig in the example above is assumed to be an alias to \GlobalMetaBoxOrder\Config as shown in the preparation section above. Example Configuration if (is_admin()) { // Make sure plugin is active if (class_exists('\GlobalMetaBoxOrder\Config')) { // Make a long name short. class_alias('\GlobalMetaBoxOrder\Config', 'MetaBoxConfig'); // Settings MetaBoxConfig::$filter = array('post', 'page', 'dashboard'); // default MetaBoxConfig::$include_cpts = true; // default MetaBoxConfig::$getBlueprintUserId = function () { return 1; }; MetaBoxConfig::$exclude = array('acme_product'); MetaBoxConfig::$remove_screen_options = true; MetaBoxConfig::$lock_meta_box_order = true; } } On Moving the WYSIWYG Editor The position of WordPress’ WYSIWYG editor is fixed, and can’t be changed out of the box (mostly because it lacks a box around it). There are reasons for this, but if you want to have a positionable editor anyway, you might want to have a look at our very own Movable Editor plugin. If, on the other hand, if you want to place one specific box above the editor, you might want to check out this answer on stackexchange.

You can enable any product in WooCommerce for single side or multi-side personalization & customization using the MyStyle Custom Product Designer. This allows any user to design their own graphics with a photo-realistic live product preview. Our renderer can then generate the print file for any order(s) to exact high-res specs that meet your needs, and allow for print file editing on the fly to save time and eliminate needing Photoshop and/or Illustrator to process graphics for print. The Customizer itself comes complete with free graphics, uploaded images, and high-res print images for users to add to their designs if they don’t have their own image. This stock library is hosted remotely in the cloud by the MyStyle Platform and Amazon S3 + Cloudfront CDN, so no extra load or HD space used on your server/hosting. Users have a live product preview throughout the design experience. Popular products to personalize include phone cases, t-shirts, canvas prints, or anything that can be printed with a customer image! Requirements WooCommerce Please note that the MyStyle Custom Product Designer is a serviceware plugin, which means it works by connecting to a remote service. The MyStylePlatform.com customization apps, graphics, and cloud storage that it uses require a paid/active MyStyle License. Benefits Easy / Quick to install Awesome User Experience User-designed products save time and eliminates redundant design work High design-completion and sell-thru ratios World-class design tools in the MyStyle Customizer Print Rendered images streamline and ensure quality control with any fulfillment Do your own fulfillment, or try our network of manufacturers (optional / contact us). No added fees for purchases, no commissions! Use any CC processor/checkout Made in America (California) Experienced San Diego based development team for support or custom feature development Plugin Features Users can design their own products right on your website and: Upload images/photos Add custom text (vector) Add custom colors Add gradients (color fades) Drag and drop images and text right on the product visually Design multi-side products Users can save designs publicly or privately Integrates with WooCommerce products easily Adds custom products directly to the user’s WooCommerce shopping cart Thumbnail of user’s custom design shows in the shopping cart for each customized item Product prices and description content controlled by WooCommerce as normal HTML5 & Mobile Compatible Mobile auto-detection with portrait and landscape modes Print-ready image file rendering (can be made to match your exact print specs) Print files can be retrieved in the normal WooCommerce order history in the admin or synced to Shipsation etc Print files Renderer is available with a paid license (see MyStyle Platform website for pricing) New products can be added to our remote template catalog upon request Custom libraries of backgrounds, foregrounds, or fonts can be added upon request Configur8 feature allowing the product image on the product info page to be changed based on user input (beta). Examples You can see some examples of the MyStyle Custom Product Designer in use (and try it out) at the following sites: Custom Skateboards and Longboards (Whatever Skateboards) Custom Canvas Prints (Make Canvas Prints) Disc Golf Discs and Ultimate Frisbees (Fly Discs) iPhone Cases & Other Phone Cases (Case Monkey) Shortcodes [mystyle_design] – the mystyle /designs/ page shortcode, displays the recent public designs (or all designs for admins). [mystyle_design total=12] – shows a gallery of 12 designs [mystyle_design total=12 tag=”amazing”] – shows a gallery of 12 designs that are tagged amazing [mystyle_design total=12 collection=”amazing”] – shows a gallery of 12 designs that are in the amazing collection [mystyle_customizer] – displays the Customizer or a list of customizable products. [mystyle_design_tags] – displays a list of design tags with a few design thumbs per tag [mystyle_design_tags per_tag=”5″ tags_per_page=”12″ per_tag_on_term_page=”5″] – displays a list of design tags with a specific number of design thumbs per tag, as well as a certain number of tags per page. [mystyle_design_tags show_designs=”false” tags_per_page=”12″] – displays a list of design tags without the designs [mystyle_design_collections] – displays a list of design collections with a few design thumbs per collection