Quovex Blocks

چۈشەندۈرۈش

Quovex Blocks adds three focused, modern blocks to the native Gutenberg block editor — a filterable, paginated Query Grid (a post grid with grid, list, masonry, and carousel layouts), a magazine-style Content Showcase, and a dismissible Notification Banner for announcements and alerts. Query Grid and Content Showcase both work with any public post type — Posts, Pages, WooCommerce products, or any custom post type registered on your site — not just Posts.

Great for: a recent posts or featured posts grid, a custom post type or portfolio grid, a post carousel / slider, a related content section, a magazine-style homepage showcase, and an announcement bar, alert, or notice at the top of any page.

Why this plugin?

• No separate builder layer: everything is a native block, edited with the block editor you already use — no new page-building interface to learn, no plugin-specific UI to fight.
• Works with any post type: pick Posts, Pages, or any custom post type registered on your site, right from the block’s own settings — not hardcoded to Posts.
• Real interactivity, no jQuery: search, filtering, pagination, carousels, and image hotspots are all built on WordPress’s own Interactivity API — lightweight, no extra JS framework loaded on your frontend.
• SEO-friendly pagination: Query Grid’s numbered pagination uses real, crawlable links with a configurable URL segment (e.g. /your-site/quovex-page/2/) — not JavaScript-only buttons search engines can’t follow.
• Cache-aware by design: every query is cached and automatically invalidated the moment a post, category, or tag changes — fast without ever showing stale content.
• Clean uninstall: deactivating leaves your data untouched; deleting the plugin removes every option and cached value it created. Nothing lingers in your database.

Blocks

Query Grid — post grid, list, masonry & carousel block

A filterable, paginated grid of posts — use it as a recent posts grid, a featured or custom post type grid, or a post carousel / slider.

• Four layouts as native Style Variations: Grid, List, Masonry, and Carousel.
• Works with any public post type — Posts, Pages, or any custom post type registered on your site.
• Optional search bar and category/taxonomy filter pills (multi-select within a taxonomy).
• Optional sidebar layout for search + filters, with left/right placement.
• Numbered pagination or a «Load more» button — your choice.
• «Show all posts» toggle to disable pagination entirely for smaller lists.
• Two-tone heading with a colored accent word, full color controls for pills/pagination/meta text, and responsive column counts (mobile/tablet/desktop).
• Font family and font weight controls (pulled from your active theme, no separate fonts to install) for the heading, card titles, excerpts, meta text, filter pills, and pagination.

Content Showcase — magazine & featured posts block

A magazine-style showcase of up to three posts, automatic or hand-picked — ideal for a homepage featured section or an editor’s picks strip.

• Four layouts as native Style Variations: Magazine (one large card + smaller ones beside it), Split (alternating text/image rows), Overlay (text floating on the image), and Two-Thirds/One-Third (a large featured post beside a stacked column, divided by a vertical rule).
• Works with any public post type — Posts, Pages, or any custom post type registered on your site.
• Automatic mode (latest posts, optionally filtered by category/taxonomy) or manual mode (hand-pick a specific post for each slot).
• Optional section heading with a colored accent word and a subheading.
• Per-slot control over which post shows its image, date, and excerpt.
• Interactive image hotspots — add clickable pins anywhere on a post’s image, each opening a small popover with its own title, text, and optional link.
• Optional «Explore More» button with a custom label, link, and colors.
• Color controls for the heading, card titles, dates, excerpts, and hotspot pins/tooltips.
• Font family and font weight controls (pulled from your active theme, no separate fonts to install) for the heading, subheading, card titles, excerpts, dates, and the Explore button.

Notification Banner — announcement bar & alert block

A dismissible announcement bar or alert box for promos, notices, sales, and updates.

• Four presets (Announcement, Info, Success, Warning) and five style variations (Gradient Background, Left Accent, Soft Card, Glassmorphism, Outline).
• Icon picker: emoji, a built-in dashicon, or a small SVG icon set.
• Editable title and message, an optional CTA button with its own label, link, and open-in-new-tab option.
• Dismiss button with «remember dismissal» (stored in the visitor’s browser, so a dismissed banner stays hidden on their next visit).
• Color and typography controls (font family/weight, pulled from your active theme) for the background, text, accent, and button.

Source Code

The build/ directory ships compiled, minified JavaScript and CSS. Its uncompiled source, along with the build tooling to regenerate it (npm install && npm run build), is publicly available at https://github.com/akshat009/quovex-blocks.