Product Table, Grid, List Builder For WooCommerce

Product Table, Grid, List Builder For WooCommerce lets you build unlimited, reusable product displays for your WooCommerce store — no coding required. Design a layout once in the visual builder, then drop it anywhere on your site with a short, simple shortcode or the built-in Gutenberg block.

Key Features

• Drag-and-Drop Column Builder — Visually add, remove, and reorder table/grid/list columns: Image, Name, SKU, Price, Categories, Tags, Attributes, Variations, Rating, Stock, and Add to Cart.
• Custom Field Columns — Pull in any product custom field (post meta) as its own column, with a custom label.
• Three Display Layouts — List, Grid, and Table, all driven by the same column configuration so you can switch layouts without rebuilding anything.
• Advanced Query Builder — Filter products by category, tag, and attribute (combinable), quick filters for Featured/On Sale/Best Sellers, price range, stock status, and specific product exclusions.
• Front-end Search — Let shoppers search within a builder’s products directly from the widget.
• Front-end Filters — Optional category, tag, attribute, price range, and in-stock filter controls for visitors, with a one-click “Clear filters” reset.
• Sortable Columns — Let visitors click Name or Price column headers (table layout) to sort products live.
• Add to Cart From the Table — Ajax add-to-cart straight from the list, grid, or table — no page reload, with instant “Added ✓” feedback.
• Floating Cart — Optional floating cart bubble so shoppers always see they’ve added something.
• Appearance Customization — Accent color, text color, border color, font size, border radius, border width, and hover effects (lift, zoom, or none) — all per builder.
• Flexible Pagination — Load More button, numbered pages, or no pagination at all.
• Duplicate & Reuse — Clone any builder in one click and tweak the copy instead of starting from scratch.
• Unlimited Builders — Create as many Table, Grid, or List builders as you need, each with its own simple shortcode (e.g. [gmwplw_product_layout id="1"]) and optional Gutenberg block.
• WooCommerce HPOS Compatible — Fully compatible with WooCommerce’s High-Performance Order Storage.

How It Works

1. Go to Product Builders in your WordPress admin.
2. Click New Builder, choose a layout (List, Grid, or Table), and configure your columns, filters, and appearance.
3. Copy the generated shortcode (or use the Gutenberg block) and paste it into any post, page, or template.