0
DOCUMENTATION

Product Table

A detailed list view for your product catalogue. Show product descriptions, pricing, and key details in a scannable vertical layout.

Overview

The Product Table widget displays Goose Commerce products in a structured, row-by-row table format. It is an alternative to the Product Grid, better suited for stores where customers need to compare specifications across multiple products or where a list-style browse experience is preferred.

How to Add It

  1. Open the Elementor editor on your Shop or Category Archive page.
  2. Search for Product Table in the widget panel.
  3. Drag it onto the canvas.
  4. Select which columns to display and configure the data source in the Content panel.
Note: The Product Table works alongside the Product Filters and Product Sorting widgets on the same page.

Settings Reference

SettingDescriptionDefault
SourceWhich products to show: All, Category, Tag, Featured, or Hand-pickedAll Products
ColumnsWhich data columns to display: Image, Name, Price, SKU, Stock, Rating, Add to CartName, Price, Stock, Add to Cart
Rows Per PageNumber of product rows shown per page20
Order ByDefault sort: Date, Price, Name, Rating, SalesDate
OrderAscending or DescendingDescending
Show PaginationDisplay pagination controls below the tableEnabled
Striped RowsAlternate row background colours for readabilityEnabled

Common Use Cases

Use the Product Table for B2B or trade stores where buyers need to quickly scan SKUs, prices, and stock levels across many products. Combine it with the Product Filters and Product Sorting widgets for a complete filtering and sorting experience. Use the Hand-picked source on landing pages to display a specific curated product list.

Tips & Notes

Tip: Enable the SKU column for B2B stores where buyers order by product code rather than browsing visually.
Note: For visual product browsing, the Product Grid widget is generally more effective. Use Product Table when data density matters more than visual presentation.
Powered by Goose