capture products array in checkout page

Yes. I have done this too many times to count.

Custom JS is probably required.

To be more helpful, can you answer a couple questions?

1) Do you know where the cart item data exists on the page?

2) Are you lucky enough to have this data in a data layer that can be easily accessed from JavaScript?

3) What do you want to do with this data (include in an Adobe Analytics beacon? Populate a 3rd Party Tag? Other?)

Much of the code is just for exposition (to explain what I'm doing).

For your data element, you'd paste just this much and add a return line as such:

var cartItemCount = window.digitalData.cart.item.length||0;

var productStanzas=[];

for (var i=0; i<cartItemCount; i++) {

  var cartItem = window.digitalData.cart.item[i].productInfo;

  var stanza=[];

  stanza[0] = ""; //empty Catgeory

  stanza[1] = cartItem.productID;

  stanza[2] = ""; //empty quantity

  stanza[3] = ""; //empty unit price

  stanza[4] = ""; //empty product level events

  var stanzaEvars=[];

  stanzaEvars.push("eVar2="+cartItem.productName);

  stanzaEvars.push("eVar3="+cartItem.productstyleNumber);

  stanzaEvars.push("eVar4="+cartItem.productID);

  stanzaEvars.push("eVar5="+cartItem.productCategory);

  stanza[5] = stanzaEvars.join("|");

  productStanzas.push(stanza.join(";"));

}

var productString = productStanzas.join(",");

return productString;

Then in the AA custom code of your cart view rule, you'd set s.products as such:

s.products = _satellite.getVar("_your data element here_");

It's worth noting that since you presently cannot set s.products from anywhere except in AA custom code, you _could_ just use the code above and set s.products directly instead of using a data element.