Filterable Post Gallery – Post Grid & WooCommerce Product Filter Block
·
Filterable post grid and WooCommerce product gallery block with instant category filter buttons. Auto-syncs with your content — no manual cards.
Filterable Post Gallery adds a Gutenberg block that turns your posts or WooCommerce products into a filterable grid with category filter buttons — no page builder, no shortcodes, no manually adding gallery items one by one.
Pick a post type, pick a taxonomy, and the block builds the gallery for you. Publish a new post or product and the grid updates automatically. Visitors click filter buttons (e.g. All, Design, Development, T-Shirts) to instantly narrow down what they see.
Common uses
- Filterable portfolio — show projects filtered by type, straight from a custom post type or categories
- WooCommerce product gallery — display products in a clean grid with product-category filter buttons, without touching your shop templates
- Blog post grid with filters — let readers browse articles by category or tag instead of scrolling archives
- Team, services, or resources pages — anything organized by a taxonomy works
Features
- Content-driven — cards are generated from published posts or products; edit the source once and the gallery stays in sync
- Filter by any taxonomy — categories, tags, WooCommerce product categories, or any registered custom taxonomy
- Two layouts — full card (image, title, excerpt) or image-only grid for visual portfolios
- Color controls in the editor — button background/text/hover/active states, card background, title, and excerpt colors
- Posts per page — show 2–16 items per gallery
- Automatic placeholders — posts without a featured image still look consistent
- Multiple galleries per page — each block keeps its own settings
- Cached queries — results are cached with transients and invalidated automatically on save, so the block stays light even on busy sites
- Responsive grid — works on mobile, tablet, and desktop out of the box
How it works
- Add the Filterable Post Gallery block to any page or post
- Choose the source: posts or WooCommerce products
- Choose the taxonomy used for the filter buttons
- Adjust layout, colors, and posts per page
- Publish — new content matching your settings appears in the grid automatically
Video demo
Filterable Post Gallery vs. a normal gallery or query block
The core Gallery block requires adding and reordering images by hand, and the Query Loop block has no visitor-facing filter buttons. This block combines both: a query-driven grid plus one-click front-end filtering, configured entirely inside the block editor.