描述
ShopMatrix – Product Table Blocks adds six beautiful, mobile-responsive Gutenberg blocks for displaying WooCommerce products — no shortcodes needed.
Six Block Styles
- Classic Table — Full-featured sortable table with configurable columns
- Card Grid — Responsive auto-fill card grid with hover effects
- Minimal List — Compact row layout with thumbnail, price and action
- Showcase — Dramatic full-bleed hero cards with gradient overlays
- Comparison — Side-by-side spec table with automatic Best Value highlight
- Kanban — Products grouped into swimlane columns by category
Features
- Native Gutenberg blocks — no shortcodes
- Live product preview inside the editor
- Filter by category, sort by price/rating/date
- AJAX add-to-cart (simple products)
- Live search filtering (client-side)
- Custom accent color picker
- Mobile-first responsive design
- WCAG 2.1 accessible markup
- WordPress Coding Standards compliant
- PHP 8.0+ with strict types
Requirements
- WordPress 6.4+
- WooCommerce 8.0+
- PHP 8.0+
区块
该插件提供了 6 个区块.
- Product Table — Classic
- Product Table — Grid
- Product Table — Minimal
- Product Table — Showcase
- Product Table — Comparison
- Product Table — Kanban
安装
- Upload the plugin ZIP via Plugins Add New Upload Plugin
- Activate the plugin
- Open any page or post in the block editor
- Search for “ShopMatrix” in the block inserter
- Choose one of the six styles and configure in the sidebar
常见问题
-
Does this require WooCommerce?
-
Yes. WooCommerce must be installed and activated.
-
Can I change the accent color?
-
Yes — each block has an Accent Color picker in the block sidebar (Inspector Controls).
-
Is it compatible with my theme?
-
It works with any block-compatible WordPress theme.
-
Does AJAX add-to-cart work for all product types?
-
AJAX cart works for Simple products. Variable and Grouped products redirect to the product page as expected.
评价
此插件暂无评价。
贡献者及开发者
更新日志
1.0.0
- Initial release
- Six block styles: Classic, Grid, Minimal, Showcase, Comparison, Kanban
- REST API for live editor preview
- AJAX add-to-cart
- Mobile-first responsive CSS
- Full WordPress Coding Standards compliance