funlab

pingram

A CSS live Editor that allows you to preview realtime CSS changes and then save your changes. 
It saves dated backups of each save, so you can go back if it breaks, and you should erase backups once on a while. 
It’s a port from a Drupal module Live CSS http://drupal.org/project/live_css by guybedford http://drupal.org/user/746802 
Now using ACE editor http://ace.ajax.org/ 
Tested on WordPress 3.6. But needs more testing !
=capabilities.php problem (not bug) SOLVED !=
Ok, now I did the correct thing and created an action to the wp_loaded hook to init the plugin, then, 
check whether the user can “erase themes” which is an Admin capability only, so the plugin only works if you are an admin. 
No need to modify the capabilities.php nor anything else.
Some users have had problems in former 12.05 release with their site being inaccesible after installing the plugin. 
It all seemed to be part of the same problem with the capabilities.php file that is discussed here: 
https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32
It works nice and perfect for me, but still needs testing !!!
<h3>Hola mundo !</h3>
Este plugin está basado en el módulo de [Drupal Live CSS] (http://drupal.org/project/live_css) de [guybedford] (http://drupal.org/user/746802)
Es un editor de CSS que te permite editar en directo todas las hojas de estilo CSS de tu web, ver los cambios y guardar sobre la marcha. 
Está pensada para usarla al diseñar la web, por lo que conviene desactivarlo o desinstalarlo una vez terminada. Cada vez que se guardan los cambios se genera una copia de seguridad fechada, para que puedas volver atrás si hace falta. 
Utiliza ACE como editor.
Sólo los administradores pueden usar el plugin.
Importante !!!
Hacer copia de respaldo de los archivos CSS antes de probarlo ! 
Aunque el plugin genera automáticamente copias de seguridad fechadas en el mismo directorio en que estén los archivos modificados, siempre conviene tener una copia del estado general de la cosa antes de empezar a trastear. 
Si no funciona al guardar o hacer la copia de seguridad aparece un mensaje con las rutas del archivo que se intentaba modificar, la de la copia de seguridad y tal vez un mensaje de error. Lo más seguro es que el problema sea de permisos. Los CSS que quieras editar deberían tener permiso de escritura 755.
Instalación
La instalación es la típica de cualquier plugin de wordpress. Desempaquetar el zip en wp-content/plugins, y listo. No hay que tocar los temas ni hacer nada más que activarlo desde el panel de administración. 
No tiene opciones ni página propia en el panel de administración. 
Probado en WordPress 3.3.2, tienes que ser un administrador para poder usarlo.
Utiliza ahora el hook wp_loaded que arregla el problema de la versión anterior que se discutía aquí: https://wordpress.org/support/topic/fatal-error-call-to-undefined-function-wp_get_current_user-4?replies=32
Más información
<pre><code>http://drupal.org/project/live_css Live CSS
http://drupal.org/user/746802 guybedford
http://drupal.org/user/78427
http://mozillalabs.com/skywriter/2011/01/18/mozilla-skywriter-has-been-merged-into-ace/
http://www.ajax.org/
http://ace.ajax.org/

https://codex.wordpress.org/AJAX_in_Plugins
http://briancray.com/2009/08/19/wordpress-head-element/
http://www.devlounge.net/code/using-ajax-with-your-wordpress-plugin
http://amiworks.co.in/talk/simplified-ajax-for-wordpress-plugin-developers-using-jquery/

http://drupal.org/project/cssedit Realtime CSS Editor
http://drupal.org/user/78427 tjholowaychuk
</code></pre>

WP Live CSS Editor

Edit, preview changes in real time and save all your project's CSS stylesheets live in the browser.

Smart Customizer

Add a visual product customizer to your online store so that customers can create personalized designs! Smart Customizer is a web-to-print product customization solution that lets customers create their own designs by adding custom text, vector shapes, and images.
― Empower customers to personalize your products with ease. 
― Display personalized products instantly in either 3D or 2D images. 
― Download print-ready design files as PDF, PNG, and SVG. 
― Use dynamic product variations with automatic price updates in the cart.
<iframe loading="lazy" title="Elevate Your E-Store: Product Customization Made Easy with Smart Customizer!" width="750" height="422" src="https://www.youtube.com/embed/2HoHEEjEf-k?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>See the App in Action</h3>
<a href="https://wp.smartcustomizer.com" rel="nofollow ugc">➞ Try the Smart Customizer in our demo store</a>
<h3>Key Features</h3>
A smooth product customization experience can help increase sales, and reduce returns, by letting customers create and preview their final personalized products.
➡ High-Quality Product Preview 
Invite your customers to preview their personalized products instantly in both 3D and 2D modes.
➡ Best In-Class Design Editor 
Create a sleek web-to-print product personalization flow as your customers upload their custom vector and raster graphics, insert text, and explore additional features.
➡ Dynamic Product Variations 
One customizable product—endless variations. Offer options like colors, sizes, extra add-ons within a single product.
➡ Dynamic Pricing 
Set individual prices for customizable product options—the total product price will update automatically in the cart.
➡ Multiple Print Areas 
Let customers personalize as many print areas as your manufacturing process can perform.
➡ Design Templates 
Create your own design templates by uploading your graphic assets in PDF, SVG, PNG, or JPG file formats, or by selecting graphics from our library list.
➡ Graphic assets library 
Enhance the customization experience by creating a graphic assets library for your customers. Make the design process easier and more efficient.
➡ Control Personalization Tools 
Enable tools and other personalization options, such as colors, color modes, image resolution, etc.
➡ Print-Ready Files 
All design files created by your customers will be automatically generated in the chosen output file format: PDF, SVG, or PNG.
➡ Flawless UX/UI on Any Device 
Smart Customizer makes responsiveness a priority for flawless user experience creation. Enjoy our fully-functional app available on desktop, mobile, or any other electronic device!
<a href="https://www.smartcustomizer.com/web-to-print-woocommerce-product-customizer" rel="nofollow ugc">➞ View All Features & Product Details</a>
<h3>Friendly Customer Support Team</h3>
Our support team is always ready to help, from implementation to launch. Our goal is to reply to all questions the same day they are received. We are happy to answer all your questions and resolve any issues via video call or email.
<h3>Smart Customizer Makes Product Personalization Easy</h3>
Simply follow these steps:
<ol>
<li>Install Smart Customizer for WooCommerce plug-in into your store.</li>
<li>Create your account on app.smartcustomizer.com.</li>
<li>Set up your customizable products and link them to your WordPress products.</li>
<li>Receive new orders with personalized items.</li>
</ol>
For more detailed guidance, check out our <a href="https://www.smartcustomizer.com/knowledge/wordpress-installation" rel="nofollow ugc">knowledge base</a>.
<h3>Works on Any Print-On-Demand Product</h3>
Smart Customizer is suitable for nearly all e-commerce businesses, including:
<ul>
<li>Apparel</li>
<li>Accessories</li>
<li>Wall Art</li>
<li>Office</li>
<li>Lifestyle</li>
<li>Drinkware</li>
<li>Pets</li>
<li>Kitchenware</li>
<li>Jewelry</li>
<li>Home Goods</li>
</ul>
You can view different demo products in our <a href="https://wp.smartcustomizer.com" rel="nofollow ugc">demo shop</a>, or try it yourself for free. We offer a 30-day free trial and paid plans that start from 9 Eur/month. Find more <a href="https://www.smartcustomizer.com/web-to-print-woocommerce-product-customizer#pricing" rel="nofollow ugc">information about our pricing</a>.
<h3>Service Description</h3>
<ul>
<li>This plugin facilitates communication with the Smart Customizer app, hosted under the subdomain app.smartcustomizer.com.</li>
<li>The Smart Customizer app functions as a service with its own user registration system. Within user accounts, individuals can create product models, design templates, link models with specific WooCommerce products, and manage design order files generated through the e-shop, among other features.</li>
<li>Upon creating a user account on https://app.smartcustomizer.com/ and installing this plugin, the administrator integrates the account with the plugin through the WordPress administration panel.</li>
<li>During the initial connection, WooCommerce REST API keys (https://woocommerce.github.io/woocommerce-rest-api-docs/#authentication) are generated and stored for subsequent authorizations of WooCommerce with the Smart Customizer app.</li>
<li>The external primary script (wc.smartcustomizer.js), loaded from app.smartcustomizer.com into the WordPress WooCommerce e-shop frontend pages, is employed to transfer primary account data from the associated Smart Customizer app user account. This includes product identifiers, various parameters for application rendering configured by the user, and more. Additionally, it is utilized to generate the initial elements of the Smart Customizer app and facilitate its loading.</li>
</ul>

Smart Customizer for WooCommerce

Allow your customers to customize and preview their personalized products before making a purchase. Maximize profits and customer satisfaction.

WP Live CSS Editor vs Smart Customizer for WooCommerce