Skip to content
Bricks Academy
Get Bricks

Products

Displays WooCommerce products in a grid layout with customizable fields and widgets.

Settings

Section titled “Settings”
  • Columns (number) - Number of columns. Range: 1-6. Default: 4. Supports breakpoints.
  • Gap (number) - Spacing between products. Default: 30px.

Query

Section titled “Query”
  • Product query controls (via Woocommerce_Helpers::get_product_query_controls).

Fields

Section titled “Fields”
  • Content (repeater) - Dynamic data fields to display. Default includes WooCommerce hooks and product fields like title, image, price, add to cart.
  • Link entire product (checkbox) - Make entire product clickable if no field links exist.

Widgets

Section titled “Widgets”
  • Show Before Grid (select) - Widgets to show before products grid. Options: Pagination, Result Count, Order by. Multiple selection.
  • Show After Grid (select) - Widgets to show after products grid. Options: Pagination, Result Count, Order by. Multiple selection.
  • Sort by options (select) - Available sorting options. Default: Default sorting. Multiple selection.