YayCommerce

Brandy Blocks extends the functionality of the Gutenberg editor by adding new amazing blocks.
You can use them to add as many predesigned patterns as you like.
<h4>LIST OF BLOCKS</h4>
<ol>
<li>
Testimonials: This block allows you to display a responsive testimonial slider on any page/post using Gutenberg. You can customize the slider to match your website’s design and choose from a variety of animation effects to make it more engaging.
</li>
<li>
Pricing: This block lets you display a three-column pricing table with a highlighted plan. You can customize the columns to match your website’s design. These columns act as a comparison table, and you can add as many rows as you need to display your pricing options, features, perks, etc.
</li>
<li>
Products with banners
</li>
<li>
Relative posts
</li>
</ol>
And many more!
<h4>HOW TO USE BRANDY BLOCKS</h4>
By default, each Brandy block provides individual options and premade styles. You can edit block content within each element. To set up the whole block or parent block options, be sure to look into the Block Settings sidebar.
<h4>1. USING TESTIMONIALS</h4>
From the block’s top left toolbar, you can either select parent block or individual block to find its respective settings.
<ul>
<li>
Set the total of testimonials:
<ul>
<li>Once the whole parent block is selected, look for “Testimonial Count” to edit the number of items.</li>
<li>Change the order of testimonials by dragging and dropping each item in the block settings sidebar.</li>
</ul>
</li>
<li>
Parent block appearance:
<ul>
<li>Carousel: Enable autoplay, edit transition speed, and more.</li>
<li>Dimensions: Modify the spacing to fit your design needs.</li>
</ul>
</li>
<li>
Edit testimonial content in the nested blocks:
<ul>
<li>Customize rating and additional CSS</li>
<li>Edit name, title, avatar, and testimonial text.</li>
</ul>
</li>
</ul>
<h4>2. USING PRICING BLOCK</h4>
There is a parent block, which contains the multi-column table layout, and the nested blocks.
<ul>
<li>
Parent block appearance:
<ul>
<li>Design and edit heading, subheading, and description.</li>
<li>Adjust pricing card layout and style.</li>
<li>Typography, text color, background color, and custom formatting.</li>
<li>Enhance responsiveness by enabling stack on mobile.</li>
</ul>
</li>
<li>
Highlighted card:
<ul>
<li>Pick the pricing card to stand out and how you want to highlight it.</li>
<li>Tweak the color and format of the price display.</li>
</ul>
</li>
<li>
Pricing plans:
<ul>
<li>Each pricing card comes with customization options in the nested blocks.</li>
<li>Enhance the feature list with available/unavailable icons.</li>
<li>Fully edit all plan names, descriptions, and lists of features.</li>
</ul>
</li>
</ul>
We hope that this plugin is useful in helping you create stunning sections and pages for your WordPress ecommerce website. If you have any questions or feedback, please don’t hesitate to <a href="https://yaycommerce.com/support/" rel="nofollow ugc">chat with us</a>.
<h4>FOR DEVELOPERS</h4>
For most basic WordPress block options, using the standard Brandy theme is recommended. However, if you want to make it work for other themes, advanced page builders, or test in troubleshooting scenarios, please <a href="https://github.com/YayCommerce/Brandy-Blocks" rel="nofollow ugc">check this git repo</a>.
If you want to optimize production builds for better performance, note that we use <a href="https://v4.vitejs.dev/" rel="nofollow ugc">Vite v4</a>. Learn more on how to <a href="https://v4.vitejs.dev/config/" rel="nofollow ugc">configure Vite here</a>.

Brandy Blocks

Create beautiful and responsive content for your WordPress website.

aploweb

Aploblocks adds extra design features to the core wordpress blocks. It is designed for block themes and helps you achieve incredible designs with very little effort. If you know how to use the block editor then you will know how to use AploBlocks. Don’t know CSS very well or want to speed up your development? This plugin is ideal for you!
The growing library of patterns can be added straight in to your design to help you quickly start building beautiful sites.
Some of the features below give you an indication of just what you can achieve with absolutely no coding experience.
<ul>
<li>**Pattern inserter – Add ready made patterns straight in to your design.</li>
<li>Entrance Animations: 18 (and growing) options for on-scroll animations with custom speed and delay settings</li>
<li>Sticky Header: Make your header template part sticky with the option to hide on scroll.</li>
<li>Block Styles: New styles to display cover block content on hover.</li>
<li>Filters: Change images to how you want them to look, options for blur, brightness, contrast, opacity, hue & saturation. Configure a filter to be added or removed on hover.</li>
<li>Shadow Filter: Customise the offset, blur, opacity & colour of a blocks shadow. Options to add or remove on hover.</li>
<li>Transforms: Rotate, scale & move blocks. Transforms can also be added or remove on hover.</li>
<li>Masks: Choose from a range of polygon or image masks to shape the block how you want it and then customise to suit your needs.</li>
</ul>
Filters for a group block can be added as a backdrop filter if you want to apply the filter to the background. With a gallery block you can quickly apply filters to all images in the block or even make the filter apply to images that are not hovered over.
Aploblocks is designed to simply plug in to any standard block theme and enhance the core blocks. If you want to modify an existing block theme with the features above then you can get started in minutes!
Find more information <a href="https://aploweb.com/aploblocks-plugin/" rel="nofollow ugc">here</a>!
Basic Usage: After installation the Aploblocks plugin sidebar will be available in the top right of the editor. 
 From here you can choose to insert patterns. When a block is selected in the editor extra Panels in the block settings will be available to 
 configure the animations, filters, masks etc for the block. The General settings panel in the block editor gives a number of configuration options 
 including mobile options for blocks.

Aploblocks – Styling and Patterns for the block editor


I played with it for about 5 minutes, and I see nothing wrong with it. I use very similar things with my custom ACF Blocks, animations, etc... but as far as shadows, polygons, etc... I'm using fixed css classes. This will speed things up, and probably force me to remove my similar animations and CSS styles.



Excellent work, and I'm almost certain you used clippy for the polygons, at least that's what I did !



The only thing I would request is to have a RESET EVERYTHING in the General Styles panel, it would make things so much better...


Really, REALLY GOOD !!!

Aploblocks adds extra design features to the core wordpress blocks.  It is designed for block themes and helps you achieve incredible designs with ver …

Brandy Blocks vs Aploblocks – Styling and Patterns for the block editor