DisplayKit – Page, Post & Product Display Block
·
A flexible block for displaying pages, posts, and WooCommerce products with grid and list layouts, rich customization, and dynamic querying.
DisplayKit allows WordPress users to display content from any post type — including pages, posts, and WooCommerce products — with powerful layout and styling options, all without writing a single line of code.
Key Features
- Any Content Type — Display Posts, Pages, WooCommerce Products, or any registered Custom Post Type.
- Specific Item Selection — Hand-pick individual posts or products to showcase by searching and selecting them in the editor.
- Multiple Layouts — Grid (1–6 columns) and List layouts with customizable card dimensions, alignment, and responsive breakpoints.
- WooCommerce Integration — Product price, sale badges, star ratings, stock status, and Add to Cart buttons are displayed automatically when showcasing products.
- Post Card Customization — Toggle featured images, titles, excerpts, author/date meta, and read-more buttons. Control image aspect ratios, typography, colors, spacing, and border radius.
- Open in New Tab — Optionally open all card links in a new browser tab.
- Performance Optimized — Skeleton loading states, lazy-loaded images, and smooth CSS transitions ensure great Core Web Vitals scores.
- Mobile-First Design — Layouts adapt beautifully to any screen size with responsive breakpoints.
- Security — All inputs are sanitized and outputs are properly escaped.
Editor Experience
Settings are organized into intuitive panels in the block sidebar:
- Query Panel — Post type, taxonomy, terms, author, order, count, specific posts/products selection
- Layout Panel — Grid/List, columns, gaps, card dimensions, alignment
- Display Panel — Toggle post card elements, open in new tab, image aspect ratio
- WooCommerce Panel — Price, rating, sale badge, add to cart controls (appears when product post type is selected)
- Style Panel — Colors, typography, spacing, border radius
Third-Party Services
This plugin does not connect to any third-party or external services. All data is queried and rendered locally from your WordPress installation using the WordPress REST API.