ZealousWeb

<p>Introducing the “Grid Masonry for Guten blocks” plugin – a powerful tool designed to enhance your content display in the Gutenberg editor. With this plugin, you can effortlessly create visually appealing grids that showcase a mix of images, videos, posts, and custom posts in a stunning masonry-style layout.</p>
<ul>
<li>Present a captivating blend of images, videos in a media grid, and posts and custom posts within the post grid, offering a dynamic and engaging content presentation.</li>
<li>Tailor your grid by choosing the number of columns and rows, giving you full control over the structure and appearance of your content.</li>
<li>Enhance the user experience by enabling a lightbox feature for images and videos. When clicked, media items expand for a larger, more immersive view.</li>
<li>Support for various video formats, including MP4, YouTube, and Vimeo, allowing you to seamlessly integrate diverse multimedia content.</li>
<li>Compatibility of WordPress VIP.</li>
</ul>
<h3>Plugin Requirement</h3>
<p>PHP version : 7.4 and latest<br />
WordPress   : WordPress 5.9 and latest</p>
<h3>OUR OTHER PLUGINS</h3>
<ul>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/abandoned-contact-form-7-pro" rel="nofollow ugc">Abandoned Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-2checkout-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept 2 Checkout Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-authorize-net-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Authorize.NET Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-elavon-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Elavon Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-paypal-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept PayPal Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-sage-pay-opayo-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Sagepay(Opayo) Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/accept-stripe-payments-using-contact-form-7-pro" rel="nofollow ugc">Accept Stripe Payments Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/custom-product-options-woocommerce-pro" rel="nofollow ugc">Custom Product Options WooCommerce Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/generate-pdf-using-contact-form-7-pro" rel="nofollow ugc">Generate PDF Using Contact Form 7 Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/smart-appointment-booking-pro" rel="nofollow ugc">Smart Appointment & Booking Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/smart-showcase-for-google-reviews-pro" rel="nofollow ugc">Smart Showcase for Google Reviews Pro</a></strong></li>
<li><strong><a href="https://store.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro" rel="nofollow ugc">User Registration Using Contact Form 7 Pro</a></strong></li>
</ul>
<h4>Getting Help With WordPress</h4>
<p>If you have any difficulties while using this Plugin, please feel free to contact us at <strong><a href="https://support.zealousweb.com/portal/en/home" rel="nofollow ugc">Support</a></strong></p>
<p>We also offer custom WordPress extension development and WordPress theme design services to fulfill your e-commerce objectives.</p>
<p>Our professional impassioned WordPress experts provide profound and customer-oriented development of your project within short timeframes.</p>
<p>Thank you for choosing a Plugin developed by <strong><a href="https://www.zealousweb.com" rel="nofollow ugc">ZealousWeb</a></strong>!</p>
<h3>Functionality</h3>
<p>This plugin utilizes third-party libraries to enhance its functionality:</p>
<ul>
<li><strong>Fancybox JS:</strong> https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js – Use to acieve lightbox functionality for images and videos in popup</li>
<li><strong>Fancybox CSS:</strong> https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css – Use to acieve lightbox functionality for images and videos in popup</li>
<li><strong>Isotope:</strong> https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js – Use to achive Masonry output for post and media layout</li>
</ul>


Grid Masonry for Guten blocks

Create stunning grids with Gutenberg. Display images, videos, and posts in masonry style. Customize columns, rows, lightbox, and more.

roman

<p>Filter & Grids is a powerful and flexible WordPress plugin that allows you to easily filter and display your posts, custom post types, and other content in responsive grid layouts.<br />
With an intuitive interface and customizable filters, you can create dynamic, engaging, and visually appealing grids without touching a single line of code.</p>
<p>Whether you’re building a blog, portfolio, news site, or product showcase – Filter & Grids helps you display content the way you want: searchable, filterable, and optimized for all devices.</p>
<h3>Key Features</h3>
<ul>
<li>Select one or more post types to display in a grid.</li>
<li>Sort posts, taxonomies, and terms (manual sorting included).</li>
<li>Different pagination options: Numeric, Load more, Infinite scroll.</li>
<li>Multiple templates for filters and post cards.</li>
<li>Frontend post sorting and search bar.</li>
<li>Responsive grids with customizable columns, spacing, and breakpoints.</li>
<li>Featured posts support (inside or outside the grid).</li>
<li>Popup view for post content.</li>
<li>Sliders support (post carousel and other types).</li>
<li>Custom WP_Query integration to build advanced queries.</li>
<li>Masonry and justified grid layouts.</li>
<li>Customization options: colors, typography, icons, backgrounds.</li>
<li>Preloader icon customization.</li>
<li>Fine-tune terms with icons, colors, backgrounds.</li>
<li>JS API & Hooks to manage asynchronous filter operations.</li>
<li>Export / Import settings.</li>
<li>Multilingual support (WPML, Polylang).</li>
<li>Constructor for combined filters (mix multiple filter types in one grid).</li>
<li>Integration with Elementor, WPBakery, and Gutenberg.</li>
<li>Mobile-friendly UI/UX optimization.</li>
</ul>
<h3>Video</h3>
<p><iframe loading="lazy" title="Filter & Grids" width="750" height="422" src="https://www.youtube.com/embed/nzyeC6jeMHo?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></p>


Filter & Grids

A powerful and flexible plugin to filter and display posts, custom post types, and other content in beautifully designed grid layouts.

Grid Masonry for Guten blocks vs Filter & Grids