bricks_set_query_loop

// Step 1: Add section with 2-level structure
bricks_add_section({
  page_id: 123,
  section: {
    type: "section",
    children: [{
      type: "container",
      children: [{
        type: "div",
        ref: "posts-grid",
        settings: {
          _display: "grid",
          _gridTemplateColumns: "1fr 1fr 1fr",
          "_gridTemplateColumns:tablet_portrait": "1fr 1fr",
          "_gridTemplateColumns:mobile_portrait": "1fr",
          _gap: "30"
        },
        children: [{
          type: "div",
          ref: "loop-item",
          settings: {
            _display: "flex",
            _direction: "column"
          },
          children: [
            { type: "heading", ref: "card-title", settings: { tag: "h3", text: "Title" }, globalClasses: ["heading-card"] },
            { type: "text-basic", ref: "card-desc", settings: { text: "Excerpt" }, globalClasses: ["text-body"] }
          ]
        }]
      }]
    }]
  }
});

// Step 2: Set query on the CHILD div, NOT the grid parent
bricks_set_query_loop({
  page_id: 123,
  element_id: "<loop-item-id>",
  query: {
    objectType: "post",
    post_type: "portfolio",
    posts_per_page: 6,
    orderby: "date",
    order: "DESC"
  }
});

// Step 3: Set dynamic data on card elements
bricks_set_dynamic_data({ page_id: 123, element_id: "<card-title-id>", setting_key: "text", tag: "bricks_set_query_loop" });
bricks_set_dynamic_data({ page_id: 123, element_id: "<card-desc-id>", setting_key: "text", tag: "Configure a query loop on an element (post, term, user, ACF)" });

bricks_set_query_loop({
  page_id: 45,
  element_id: "abc123",
  query: {
    objectType: "post",
    post_type: "product",
    posts_per_page: 12,
    orderby: "meta_value_num",
    meta_key: "price",
    order: "ASC",
    tax_query: [
      { taxonomy: "product_cat", terms: [5, 12], field: "term_id", operator: "IN" }
    ],
    meta_query: [
      { key: "in_stock", value: "1", compare: "=" }
    ]
  }
});

Critical: 2-level structure for grids. Never put hasLoop on a grid container. The correct pattern is: grid parent (layout only, NO hasLoop) → child div (hasLoop, repeated per result) → card template elements.