WordPress Theme Demo Bar is a plugin for wordpress that allows any wordpress theme to be previewed without activating it. A demo bar would be shown on top of page, allow users to preview another theme. The demo bar is customisable at admin panel. More than 1 extra CSS files can be loaded too.
Whats New in Version 1.6.1
<ul>
<li>Fixed error when use together with the new wordpress admin bar</li>
</ul>
Whats New in Version 1.3 to 1.5
<ul>
<li>Support child themes</li>
<li>With “Individual Theme Settings”, you can now display a link to theme info page and download/buy page at demo bar. <a href="http://zenverse.net/?themedemo=monoshade" rel="nofollow ugc">(Live in Action)</a></li>
<li>You can now display theme info, such as number of previews or preview URL using shortcode <code>[demobar]</code></li>
<li>To make the process easier, you can use media button to add it (see screenshot : Media Button)</li>
<li>You can do that in template files too, using the newly added template tag function <code>wptdb_output()</code></li>
<li>Now you can edit other theme’s options (functions.php) without activating it</li>
<li>Widget to show “Select Theme” drop-down menu (for your visitor to preview non-private themes)</li>
</ul>
Features
<ul>
<li>Preview any wordpress theme without activating it.</li>
<li>A demo bar will be shown on top of the page, allow users to preview another theme.</li>
<li>The demo bar can be deactivated.</li>
<li>You can hide your themes that are private.</li>
<li>You can load extra CSS files (more than one)</li>
<li>Demo Bar can be always on top now</li>
<li>You can cusmotise the look & feel of Demo Bar using CSS</li>
<li>Auto collection of popularity count (number of previews) of each theme.</li>
<li>Persistent preview, all internal links will be auto edited to keep the ?themedemo= variable.</li>
<li>Persistent preview can be turned off by the visitors by closing the demo bar (all links will then be reverted back automatically)</li>
<li>NEW Support child themes</li>
<li>NEW With “Individual Theme Settings”, you can now display a link to theme info page and download/buy page at demo bar</li>
<li>NEW You can now display theme info, such as number of previews or preview URL using shortcode <code>[demobar]</code></li>
<li>NEW To make the process easier, you can use media button to add it (see screenshot : Media Button)</li>
<li>NEW You can do that in template files too, using the newly added template tag function <code>wptdb_output()</code></li>
<li>NEW Now you can edit other theme’s options (functions.php) without activating it</li>
<li>NEW Widget available to show “Select Theme” drop-down menu (for your visitor to preview non-private themes)</li>
<li>NEW New template tag function <code>wptdb_list_themes()</code> to display drop-down menu</li>
</ul>
Usage
<ul>
<li>To preview any theme, simply add a variable “themedemo” to your site URL. For example: <code>myblog.com/?themedemo=the-theme-folder-name</code> <a href="http://zenverse.net/?themedemo=monoshade" rel="nofollow ugc">(Live in Action)</a></li>
<li>Alternatively, you can get the preview URL of all your themes at your Admin Panel > Settings > WP Theme Demo Bar</li>
<li>To hide the demo bar on individual theme, simply add a variable “hidebar” to your site URL. For example: <code>myblog.com/?themedemo=mytheme&hidebar=1</code> <a href="http://zenverse.net/?themedemo=monoshade&hidebar=1" rel="nofollow ugc">(Live in Action)</a></li>
<li>To load extra css, simply add a variable “extracss” to your site URL and seperate using comma. For example: <code>myblog.com/?themedemo=mytheme&extracss=blue,twocolumn</code> this loads blue.css and twocolumn.css from the theme’s directory</li>
</ul>
Documentations
<ul>
<li><a href="http://zenverse.net/using-shortcode-in-wordpress-theme-demo-bar-plugin/" rel="nofollow ugc">Understanding and Using Shortcode in WordPress Theme Demo Bar Plugin</a></li>
<li><a href="http://zenverse.net/using-template-tag-function-in-wordpress-theme-demo-bar-plugin/" rel="nofollow ugc">Using Template Tag Functions in WordPress Theme Demo Bar Plugin</a></li>
</ul>
Info & Links
<a href="http://zenverse.net/wordpress-theme-demo-bar-plugin/" rel="nofollow ugc">Plugin Info</a> | <a href="http://zenverse.net/" rel="nofollow ugc">Plugin Author</a>

WordPress Theme Demo Bar

Wordpress Theme Demo Bar allows any wordpress theme to be previewed without activating it. A demo bar would be shown on top of page, allow users to pr …

mystyleplatform

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!
<h4>Requirements</h4>
<ul>
<li>WooCommerce</li>
<li>Please note that the MyStyle Custom Product Designer is a serviceware plugin, which means it works by connecting to a remote service. The <a href="http://www.mystyleplatform.com/?ref=wprm" rel="nofollow ugc">MyStylePlatform.com</a> customization apps, graphics, and cloud storage that it uses require a paid/active MyStyle License.</li>
</ul>
<h4>Benefits</h4>
<ul>
<li>Easy / Quick to install</li>
<li>Awesome User Experience</li>
<li>User-designed products save time and eliminates redundant design work</li>
<li>High design-completion and sell-thru ratios</li>
<li>World-class design tools in the MyStyle Customizer</li>
<li>Print Rendered images streamline and ensure quality control with any fulfillment</li>
<li>Do your own fulfillment, or try our network of manufacturers (optional / contact us).</li>
<li>No added fees for purchases, no commissions!</li>
<li>Use any CC processor/checkout</li>
<li>Made in America (California)</li>
<li>Experienced San Diego based development team for support or custom feature development</li>
</ul>
<h4>Plugin Features</h4>
<ul>
<li>Users can design their own products right on your website and:
<ul>
<li>Upload images/photos</li>
<li>Add custom text (vector)</li>
<li>Add custom colors</li>
<li>Add gradients (color fades)</li>
<li>Drag and drop images and text right on the product visually</li>
<li>Design multi-side products</li>
</ul>
</li>
<li>Users can save designs publicly or privately</li>
<li>Integrates with WooCommerce products easily</li>
<li>Adds custom products directly to the user’s WooCommerce shopping cart</li>
<li>Thumbnail of user’s custom design shows in the shopping cart for each customized item</li>
<li>Product prices and description content controlled by WooCommerce as normal</li>
<li>HTML5 & Mobile Compatible
<ul>
<li>Mobile auto-detection with portrait and landscape modes</li>
</ul>
</li>
<li>Print-ready image file rendering (can be made to match your exact print specs)
<ul>
<li>Print files can be retrieved in the normal WooCommerce order history in the admin or synced to Shipsation etc</li>
<li>Print files Renderer is available with a paid license (see <a href="http://www.mystyleplatform.com/?ref=wprm2" rel="nofollow ugc">MyStyle Platform website</a> for pricing)</li>
</ul>
</li>
<li>New products can be added to our remote template catalog upon request</li>
<li>Custom libraries of backgrounds, foregrounds, or fonts can be added upon request</li>
<li>Configur8 feature allowing the product image on the product info page to be changed based on user input (beta).</li>
</ul>
<h4>Examples</h4>
You can see some examples of the MyStyle Custom Product Designer in use (and try it out) at the following sites:
<ul>
<li><a href="http://www.whateverskateboards.com/?ref=wprm2" rel="nofollow ugc">Custom Skateboards and Longboards</a> (Whatever Skateboards)</li>
<li><a href="http://www.makecanvasprints.com/?ref=wprm2" rel="nofollow ugc">Custom Canvas Prints</a> (Make Canvas Prints)</li>
<li><a href="http://www.flydiscs.com/?ref=wprm2" rel="nofollow ugc">Disc Golf Discs and Ultimate Frisbees</a> (Fly Discs)</li>
<li><a href="http://www.case-monkey.com/?ref=wprm2" rel="nofollow ugc">iPhone Cases & Other Phone Cases</a> (Case Monkey)</li>
</ul>
<h3>Shortcodes</h3>
[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

MyStyle Custom Product Designer

The MyStyle Custom Product Designer allows your website visitors to design, customize & personalize, and purchase your WooCommerce products.

WordPress Theme Demo Bar vs MyStyle Custom Product Designer