DisplayKit – Page, Post & Product Display Block

DisplayKit – Page, Post & Product Display Block

Details
View on WordPress

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.

Details

Plugin code:
displaykit
Plugin version:
1.0.0
Author:
Outdated:
No
WP version:
6.2 or higher
PHP version:
7.4 or higher
Test up to WP version:
6.9.4
Total installations:
0
Last updated:
2026-04-26
Rating:
Times rated:
0
gutenberg-block
post-grid
post-list
product-display
woocommerce