Dennys Dionigi

This plugin revolutionizes the Gutenberg editing experience by introducing groundbreaking visible guidelines for blocks . 
These guidelines, seamlessly integrated into the WordPress backend, serve as visual aids that dramatically enhance the readability and organization of blocks. With these clear visual cues, users can effortlessly identify block edges, alignment points, and content boundaries, leading to an unparalleled level of precision and control. This enhanced visual clarity not only simplifies block manipulation but also elevates the overall user experience, making block editing a breeze.
<h3>Context</h3>
Gutenberg is the code name for the new block based editor introduced in WordPress 5. It replaces the classic WordPress editor which is built on TinyMCE.
It is a significant change in how content is created.
With Gutenberg, you can add multiple media types and arrange the layout within the editor using blocks. 
WordPress is changing the editor to make it more approachable to non-coders.
The main problem is that: blocks backend Ui is not as clear and intuitive as it should be.

Block Styling Backend

I tested myself, and lol... I am also the coder behind itself.
But.. hey!

It works and it's also a missing feature that may improve the Blocks Ui, as it may help also color blindness people.

It just works.

It makes it easier to navigate Gutenberg blocks. Fell in love with it. Great work. 



Loved it

A simple plugin that tries making Gutenberg's blocks a friendly tool.

moiseh

Provides overall improvements of the user experience when buying products in a WooCommerce based store. The areas of that the improvements was included are: Shop, Product, Cart and Checkout.
Free version features:
<ul>
<li>Auto refresh the price totals on cart page when quantity changes using AJAX</li>
<li>Show “-” and “+” buttons around the quantity field</li>
<li>Show confirmation before user changes quantity to zero</li>
<li>Go to checkout directly instead of cart page (simplified buy process)</li>
<li>Allow to delete or change quantity on checkout page</li>
<li>Allow to change product quantity direct on shop page</li>
<li>Allow to add to cart AJAX on product page (like on shop)</li>
<li>Ability to override various default things of WooCommerce</li>
<li>Hide quantity fields on Product and Cart pages</li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ysF3ZLYO1nQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Premium version features:
<ul>
<li>Synchronize products automatically with cart when change quantity <a href="https://youtu.be/Xqv8rZ-hoOk" rel="nofollow ugc">view demo</a></li>
<li>Update price automatically in Product and Shop pages, like on cart <a href="https://youtu.be/ZKYJZAUXV_g" rel="nofollow ugc">view demo</a></li>
<li>Change product variations directly in Shop page, meaning less clicks to buy <a href="https://youtu.be/NhJewWjX-I8" rel="nofollow ugc">view demo</a></li>
<li>Synchronize with MiniCart widget from Shop or Product pages <a href="https://youtu.be/r7XQtkPV7sg" rel="nofollow ugc">view demo</a></li>
<li>Make AJAX requests to delete product on checkout page, without full page reload <a href="https://youtu.be/KYkqoqfsi3U" rel="nofollow ugc">view demo</a></li>
<li>Allow to change quantities in Mini-Cart widget <a href="https://youtu.be/8GDpWQhcfyU" rel="nofollow ugc">view demo</a></li>
</ul>
Get PRO version <a href="https://gum.co/wbupro" rel="nofollow ugc">clicking here</a>.

Better Usability for WooCommerce

Improve WooCommerce UX with AJAX cart updates, quantity buttons, streamlined checkout, and more — for a faster, smoother buying experience.

Block Styling Backend vs Better Usability for WooCommerce