{"id":1388,"date":"2022-03-03T15:58:00","date_gmt":"2022-03-03T14:58:00","guid":{"rendered":"https:\/\/www.cashback.cat\/zootemplate-demo-toolbar\/"},"modified":"2023-05-21T20:46:13","modified_gmt":"2023-05-21T19:46:13","slug":"zootemplate-demo-toolbar","status":"publish","type":"post","link":"https:\/\/www.cashback.cat\/en\/zootemplate-demo-toolbar\/","title":{"rendered":"ZOOTemplate demo toolbar"},"content":{"rendered":"\n<div class=\"ledongoal\" data-id=\"16\"><\/div>\n\n\n<p><a href=\"https:\/\/www.cashback.cat\/wp-content\/uploads\/2023\/05\/zootemplate_demo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1236 alignright\" src=\"https:\/\/www.cashback.cat\/wp-content\/uploads\/2023\/05\/zootemplate_demo-300x159.jpg\" alt=\"\" width=\"300\" height=\"159\" srcset=\"https:\/\/www.cashback.cat\/wp-content\/uploads\/2023\/05\/zootemplate_demo-300x160.jpg 300w, https:\/\/www.cashback.cat\/wp-content\/uploads\/2023\/05\/zootemplate_demo-620x330.jpg 620w, https:\/\/www.cashback.cat\/wp-content\/uploads\/2023\/05\/zootemplate_demo.jpg 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><span class=\"dropcap\">Z<\/span>OOTemplate <a href=\"https:\/\/web.archive.org\/web\/20130530054441\/http:\/\/www.zootemplate.com\/demo25\/zt_dian\" target=\"_blank\" rel=\"noopener\">demo toolbar<\/a>\u00a0is a plugin for wordpress that allows any wordpress theme you choice to be previewed. A demo bar would be shown on top of page (or bottom, if you want), allow users to preview another theme. The demo bar is customisable at admin panel. More than 1 extra CSS files can be loaded too.<\/p>\n<p>If you create WordPress themes, free ones for the repository, premium ones for theme marketplaces or exclusive ones for your clients, you\u2019ll probably want to showcase your work on your personal website. To help you out with this task, here\u2019s a plugin called ZOOTemplate Demo toolbar. This plugin allows you to use a single WordPress installation to present more than one WordPress theme.<\/p>\n<p>It works by adding a new toolbar at the top (or bottom, if you want) of a website with a theme selector menu. Your visitors can then easily switch through and preview each of your work. Such setups are common on theme marketplaces and theme shops which is so much easier than setting up a different environment for each and every theme you create.<\/p>\n<p style=\"text-align: center;\">\n<div class=\"ledon-container\" style=\"max-width:620px;margin-right:auto;margin-left:auto;\">\n\t<div class=\"ledon-ready\">\n\t\t<div class=\"ledon-form-inner\">\n\t\t\t<div class=\"ledon-element\">\n\t\t\t\t<div class=\"ledon-text\">\n\t\t\t\t\tWith your contribution, you pay only once and get access to all de premium features of the future plugin or extension of ZOOTemplate demo toolbar, and updates for lifetime!\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"ledon-row ledon-element\">\n\t\t\t\t<div class=\"ledon-col ledon-col-80\">\n\t\t\t\t\t<div class=\"ledon-elements\">\n\t\t\t\t\t\t<div class=\"ledon-element\">\n\t\t\t\t\t\t\t<div class=\"ledon-input ledon-input-email\">\n\t\t\t\t\t\t\t\t<input type=\"text\" name=\"email\" placeholder=\"Email address...\" value=\"\" onfocus=\"jQuery(this).closest('.ledon-input').find('.ledon-element-error').fadeOut(300, function(){jQuery(this).remove();});\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<label class=\"ledon-description\">Enter your email address (required).<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"ledon-col ledon-col-20\">\n\t\t\t\t\t<div class=\"ledon-elements\">\n\t\t\t\t\t\t<div class=\"ledon-element\">\n\t\t\t\t\t\t\t<div class=\"ledon-input ledon-input-amount\">\n\t\t\t\t\t\t\t\t<input type=\"text\" name=\"amount\" placeholder=\"USD\" value=\"10.00\" onfocus=\"jQuery(this).closest('.ledon-input').find('.ledon-element-error').fadeOut(300, function(){jQuery(this).remove();});\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<label class=\"ledon-description\">Amount (required).<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"ledon-row ledon-element\">\n\t\t\t\t<div class=\"ledon-col ledon-col-50\">\n\t\t\t\t\t<div class=\"ledon-elements\">\n\t\t\t\t\t\t<div class=\"ledon-element\">\n\t\t\t\t\t\t\t<div class=\"ledon-input ledon-input-name\">\n\t\t\t\t\t\t\t\t<input type=\"text\" name=\"name\" placeholder=\"Your name...\" value=\"\" onfocus=\"jQuery(this).closest('.ledon-input').find('.ledon-element-error').fadeOut(300, function(){jQuery(this).remove();});\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<label class=\"ledon-description\">Enter your name (optional).<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"ledon-col ledon-col-50\">\n\t\t\t\t\t<div class=\"ledon-elements\">\n\t\t\t\t\t\t<div class=\"ledon-element\">\n\t\t\t\t\t\t\t<div class=\"ledon-input ledon-input-url\">\n\t\t\t\t\t\t\t\t<input type=\"text\" name=\"url\" placeholder=\"Your URL...\" value=\"\" onfocus=\"jQuery(this).closest('.ledon-input').find('.ledon-element-error').fadeOut(300, function(){jQuery(this).remove();});\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<label class=\"ledon-description\">Enter your URL (optional).<\/label>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"ledon-element\">\n\t\t\t\t<div class=\"ledon-input ledon-input-gateway\">\n\t\t\t\t\t<div class=\"ledon-tiles\">\n\t\t\t\t\t\t<input class=\"ledon-tile\" type=\"radio\" name=\"gateway\" id=\"ledon-gateway-paypal\" value=\"paypal\" checked=\"checked\"><label for=\"ledon-gateway-paypal\" onclick=\"jQuery(this).closest('.ledon-input').find('.ledon-element-error').fadeOut(300, function(){jQuery(this).remove();});\">PayPal<\/label>\n\t\t\t\t\t\t<input class=\"ledon-tile\" type=\"radio\" name=\"gateway\" id=\"ledon-gateway-stripe\" value=\"stripe\"><label for=\"ledon-gateway-stripe\" onclick=\"jQuery(this).closest('.ledon-input').find('.ledon-element-error').fadeOut(300, function(){jQuery(this).remove();});\">Credit Card<\/label>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<label class=\"ledon-description\">Select payment method.<\/label>\n\t\t\t<\/div>\n\t\t\t<div class=\"ledon-element\">\n\t\t\t\t<div class=\"ledon-input ledon-input-terms\">\n\t\t\t\t\t<input class=\"ledon-checkbox\" type=\"checkbox\" name=\"terms\" id=\"ledon-terms-agree-69d0e779e1c571.94277644\" value=\"on\"><label for=\"ledon-terms-agree-69d0e779e1c571.94277644\" onclick=\"jQuery(this).closest('.ledon-input').find('.ledon-element-error').fadeOut(300, function(){jQuery(this).remove();});\"><\/label>I agree with the <a href=\"#\" onclick=\"jQuery(this).parent().find('.ledon-terms-container').slideToggle(300); return false;\">Terms &amp; Conditions<\/a>\n\t\t\t\t\t<div class=\"ledon-terms-container\">1. The donation services. We will use your donation at our discretion but within our stated charitable objectives. All payments through the Website are to be made by payment card or via PayPal. Once you confirm to us through the Website that you wish to proceed with your donation your transaction will be processed through our payment services provider.<br \/>2. Unauthorised card use. If you become aware of fraudulent use of your card, or if it is lost or stolen, you must notify your card provider.<br \/>3. Information from you. We won\u2019t share your personal details with any other third party.<br \/>4. Refund policy. If you make an error in your donation please contact us within 14 days and a full refund will be made to you.<br \/>5. General. We reserve the right to amend these Donation Payment Terms and Conditions at any time.<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"ledon-row ledon-element\">\n\t\t\t\t<div class=\"ledon-element\">\n\t\t\t\t\t<div class=\"ledon-input ledon-input-right\">\n\t\t\t\t\t\t<input type=\"hidden\" name=\"campaign\" value=\"16\">\n\t\t\t\t\t\t<a class=\"ledon-button\" href=\"#\" onclick=\"return ledon_continue(this);\" data-label=\"Continue\" data-loading=\"Sending...\">\n\t\t\t\t\t\t\t<span>Continue<\/span>\n\t\t\t\t\t\t\t<i class=\"ledon-icon-right ledon-fa ledon-fa-right-open\"><\/i>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"ledon-inline-error ledon-warning\"><\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<h3>Overview<\/h3>\n<p>CMS such as Joomla and WordPress, among others, has taken the web by storm as a free and highly customisable publishing platforms. Template makers also use it to showcase and sell their creations online. This project is developing a WordPress plugin that is suitable for rendering differents resources such as template, images, products, pictures, etc.<\/p>\n<h3>Behind the project<\/h3>\n<p>As an aspiring designer and development this is a project I am passionate about<\/p>\n<p>This project was born out of the type design community&#8217;s need<br \/>I have personally had type designers contacting me about developing functionality like this<br \/>Once produced, it will be freely available to the type design community<\/p>\n<h3>Funding the development<\/h3>\n<p><a href=\"https:\/\/demo.xxi.cat\/switcheroo\/\" target=\"_blank\" rel=\"noopener\">The project is advancing<\/a>, but so far without funding<\/p>\n<p>This project needs more development time than I can afford to spend in my spare time<br \/>Funding even part of the development time (and cost) will allow me to progress more quickly<br \/>If you are in need of this type of a plugin for showcasing type designs, get involved and influence development<\/p>\n<h3>The Impact<\/h3>\n<p>Your contribution matters to me:<\/p>\n<ul>\n<li>Without it I can not take the time to focus on this project<\/li>\n<li>You will in turn be giving back to the type design community<\/li>\n<li>Support the idea of free software by supporting a WordPress plugin that can be used by anybody<\/li>\n<\/ul>\n<h3>Risks &amp; Challenges<\/h3>\n<p>As only developer currently working on this, the project progresses or stalls with how much time I can financially afford to put into it.<\/p>\n<p>Without enough funding this will remain a pet project without enough attention<br \/>Reaching the goal allows me to spend enough time to ship a tested and well functioning plugin<br \/>With additional funding the features and customisation options will increase<br \/>This is a continuous development project: With time and feedback from users new version will come<\/p>","protected":false},"excerpt":{"rendered":"<p>ZOOTemplate demo toolbar\u00a0is a plugin for wordpress that allows any wordpress theme you choice to be previewed. A demo bar would be shown on top of page (or bottom, if you want), allow users to preview another theme. The demo bar is customisable at admin panel. More than 1 extra CSS files can be loaded &#8230;<\/p>\n","protected":false},"author":1,"featured_media":1237,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[243,147,148,149],"tags":[163,165,207],"_links":{"self":[{"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/posts\/1388"}],"collection":[{"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":0,"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/posts\/1388\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/media\/1237"}],"wp:attachment":[{"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/media?parent=1388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/categories?post=1388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cashback.cat\/en\/wp-json\/wp\/v2\/tags?post=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}