We have a shopping cart and visitor comes directly to the Cart View with 2 products pre-selected.
There is 3 steps in the transaction - Step 1: Cart page, Step 2: Cart Confirmation page and Step 3: Thank you page.
Each page has dataLayer with the 2 products information. Product ID (SKU), Quantity, Price per quantity.
What I have done so far, but still in the GA - Ecommerce report there is no data. The GA is firing and if I add console.log outside of the ga function on page load, it triggers but not inside ga function.
1) Under Installed Tool, added GA as new tool with Account IDs for bother Production Account ID and Staging Account ID.
2) In GA tool, under Customize Page Code - Open Editor and paste in ga('require', 'ec');
Also, check if you are using a custom tracker name. If you implemented UA as a tool in DTM, then by default DTM generates a namespace for your UA tracker.
You can verify by going to your UA tool settings, under the General tab, under Tracker Name. If the dropdown shows "Specify Name", then take note of the custom value in the field to the right.
If the dropdown says "DTM Generated Name" (the default value), then scroll down to the Customize Page Code section, and under Tracker Name, you should see a value something like this: c4e956daca8f11e79240d310eb27af6f (note: this is an example value and should not be the same as your value!)
If you found a value in either of those places, then your UA tracker has a custom namespace, and you must use it in your code for UA to properly track.
So for example, the ecommerce require you add in your UA Custom Page Code > Open Editor box, should look like this (but with your namespace)