YayCommerce

<p>Brandy Blocks extends the WordPress block editor with everything you need to build beautiful, high-converting ecommerce pages.</p>
<p>It adds custom blocks, advanced block enhancements, a 140+ pattern library, and WooCommerce features like wishlist and product comparison. All designed to work seamlessly with the <a href="https://wordpress.org/themes/brandy/" rel="ugc">Brandy theme</a>.</p>
<h3>Custom Blocks</h3>
<p>Build any type of page with purpose-built blocks:</p>
<p>⛩️ <strong>Layout & Structure</strong></p>
<p>Container, Collapsible, Modal, Jump to Section</p>
<p>🗒️ <strong>Content</strong></p>
<p>Button, Icon, Breadcrumbs, Google Map, Count Down</p>
<p>❝ <strong>Testimonials</strong></p>
<p>Full testimonials system with avatar, name, content, rating, and description blocks</p>
<p>🏷️ <strong>Pricing</strong></p>
<p>Pricing table and individual pricing card blocks</p>
<p>📋 <strong>Forms</strong></p>
<p>Complete form builder: text, email, password, phone, select, radio/checkbox, toggle, and submit</p>
<p>📌 <strong>Blog / Posts</strong></p>
<p>Post Template, Relative Posts</p>
<p>🌐 <strong>WooCommerce</strong></p>
<ul>
<li>Add to Wishlist</li>
<li>Add to Compare List</li>
<li>Compare Products</li>
<li>Compare Table</li>
<li>Quick View Product</li>
<li>Recent Viewed Products</li>
</ul>
<h3>Block Enhancements</h3>
<p>Extend any existing WordPress or WooCommerce block with:</p>
<ul>
<li>Slider / carousel functionality</li>
<li>Box shadow controls</li>
<li>Entry animations (fade, slide, zoom, and more)</li>
<li>Responsive visibility conditions</li>
<li>Hover effects and transitions</li>
<li>Grid responsive layout</li>
<li>Text gradient color</li>
<li>Custom WooCommerce product button styles</li>
</ul>
<h4>140+ Pattern Library</h4>
<p>Browse and insert professionally designed block patterns with a built-in React-powered pattern browser. Just search, filter by category, and insert with one click.</p>
<h4>E-commerce Features</h4>
<p><strong>Wishlist</strong>: Let customers save products and return to them later. AJAX-powered, with a dedicated wishlist page via shortcode.</p>
<p><strong>Product Comparison</strong>: Side-by-side product comparison with a synchronized list and detailed comparison table.</p>
<h4>Works Best With</h4>
<ul>
<li><strong><a href="https://wpbrandy.com/" rel="nofollow ugc">Brandy Theme</a></strong>: Full feature integration</li>
<li><strong><a href="https://wordpress.org/plugins/brandy-sites/" rel="ugc">Brandy Sites</a></strong>: Blend blocks and templates for an upbeat ecommerce site</li>
<li><strong><a href="https://wordpress.org/plugins/woocommerce/" rel="ugc">WooCommerce</a></strong>: Required for e-commerce blocks</li>
</ul>
<h3>HOW TO USE BRANDY BLOCKS</h3>
<p>By default, each <strong>Brandy block</strong> 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 <strong>Block Settings</strong> sidebar.</p>
<h4>1. USING TESTIMONIALS</h4>
<p>From the block’s top left toolbar, you can either select <strong>parent block</strong> or <strong>individual block</strong> to find its respective settings.</p>
<ul>
<li>
<p><strong>Set the total of testimonials:</strong></p>
<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>
<p><strong>Parent block appearance:</strong></p>
<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>
<p><strong>Edit testimonial content in the nested blocks:</strong></p>
<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>
<p>There is a parent block, which contains the multi-column table layout, and the nested blocks.</p>
<ul>
<li>
<p><strong>Parent block appearance:</strong></p>
<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>
<p><strong>Highlighted card:</strong></p>
<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>
<p><strong>Pricing plans:</strong></p>
<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>
<p>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>.</p>


Brandy Blocks

30+ extra Gutenberg blocks, block enhancements, a pattern library, and e-commerce features for the Brandy WordPress theme.

WP Engine

Ryan Kienstra

Jen Baumann

Phil Johnston

Michael Day

Mike McAlister

<p><em>Note: Pattern Manager is currently in beta.</em></p>
<p>When you design beautiful block patterns for your theme, Pattern Manager by WP Engine will automatically push them into PHP files for you, every time you save. With a dedicated studio to design and build block patterns you can 10x your ability to work effectively with theme patterns.</p>
<h3>Who should use Pattern Manager by WP Engine</h3>
<p>Pattern Manager is designed to be used by theme developers and is not intended to create patterns on production sites. Please review our <a href="#faq-header" rel="nofollow ugc">FAQ</a> below.</p>
<h3>Key Features of Pattern Manager by WP Engine</h3>
<ul>
<li>A dedicated place to build and design Block Patterns.</li>
<li>Save (and generate) pattern files directly to disk in your theme (no exporting needed).</li>
<li>Patterns available come from your theme on the disk, allowing for easy collaboration with git.</li>
<li>Images used in patterns are auto-copied into your theme and referenced in the PHP pattern file.</li>
<li>No more copying and pasting code to files.</li>
<li>No more copying and pasting images to your theme.</li>
<li>Browse all your patterns by their preview thumbnails.</li>
<li>Create patterns and edit them later.</li>
<li>Easy discovery and use of hidden WordPress core pattern features.</li>
</ul>
<h3>Things you can do with Pattern Manager:</h3>
<ul>
<li>Create a pattern with a click.</li>
<li>Duplicate a pattern.</li>
<li>Delete a pattern.</li>
<li>Rename a pattern.</li>
<li>Utilize hidden WordPress core pattern features.</li>
<li>Save a pattern to a php file in your theme.</li>
</ul>
<h3>Hidden WP core pattern features you can unlock with Pattern Manager:</h3>
<ul>
<li>When a user makes a new page or post, auto-show a modal with your patterns, available to be used.</li>
<li>Make your pattern available in the block inserter, or choose to hide it from the inserter.</li>
<li>Allow users to transform any block into your pattern.</li>
</ul>
<h3>Upon every “save” of a pattern, Pattern Manager will do the following:</h3>
<ul>
<li>Create/update the pattern PHP file on your disk, in your theme.</li>
<li>Find and replace all local image urls with the correct PHP tag.</li>
<li>Find and copy all image files used into your theme.</li>
</ul>
<h3>Additional Features</h3>
<h3>The Pattern Block: Put patterns inside patterns.</h3>
<p>Once you’ve built a lot of patterns, it makes sense to quickly combine them in various ways to make full-page patterns. An example of this might be a “Home Page” or “Landing Page” pattern that includes a call-to-action area, features area, testimonials, links, and more. Instead of re-creating each of those patterns inside your “Home Page” pattern, you can simply re-use them with the “Pattern Block”.</p>
<p>Here’s an example of how you’d make that “Full Page” pattern:<br />
 * Step 1: In Pattern Manager, click “Create New Pattern”.<br />
 * Step 2: Add the “Pattern Block” (note: this block is exclusively available in the Pattern Manager editor).<br />
 * Step 3: Choose a pattern you’ve already made (like testimonials, features, call-to-actions, etc).<br />
 * Step 4. Once inserted, repeat steps 2-3 until you have a “Full Page” pattern you like.</p>
<p>The best part about using the “Pattern Block” is maintaining your patterns. If you ever need to make a change to a pattern, you can update it in one place and it will be updated anywhere you used the Pattern Block, dynamically.</p>
<p>When one of your theme’s users inserts that “Full Page” pattern, because it’s using WordPress core’s pattern block, WordPress will automatically pull the separate patterns together into the Block Editor, ready for them to modify, just like any other pattern.</p>
<h3>Docs & Repo</h3>
<ul>
<li><a href="https://developer.wpengine.com/pattern-manager/" rel="nofollow ugc">User and developer docs</a></li>
<li><a href="https://github.com/studiopress/pattern-manager/" rel="nofollow ugc">GitHub repo</a></li>
</ul>


Pattern Manager

Manage your theme's pattern PHP files the easy way, with Pattern Manager by WP Engine.

Brandy Blocks vs Pattern Manager