Level 10

Solved

debugging productListItems

Forum|Forum|1 year ago
May 21, 2024
2 replies
1184 views

Do you know a way how to use a browser console in order to debug productListItems array?

Maybe there is another way?

I would like to create abandon basket mailing and even though I put there a loop I constantly see in the email only last product ...

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Ankit_Chaudhary

Well I would say it depends on your business use case if your business would like to know what specific product users are adding to their cart then only send product info of product which user are adding to the cart(single event), you need to trigger an event on click of Add to Cart button on the page, the next action will depends on the UI/UX of the your website if after adding a product to cart cart page is also loading by default then you can trigger a cart view event and send all the items details available in the cart.

You can refer to the schema document for more details on eventType field.

I hope this will help.

bjoern__koth

Community Advisor and Adobe Champion

Hi @michael_soprano

In the WebSDK extension, there is a "on before event send" section where you can print out the data that is to be sent to the edge network before the request is made.

maybe a good starting point.

https://experienceleague.adobe.com/en/docs/experience-platform/web-sdk/commands/configure/onbeforeeventsend

Cheers,

Björn

Cheers from Switzerland!

Michael_SopranoAuthor

Level 10

but productListItems is the array so only last product is visible not the whole array 😞

bjoern__koth

Community Advisor and Adobe Champion

Hi @michael_soprano

if you set all products in the array they should be visible there, or do I not fully get the question?

Do you mean products from previous calls?

Cheers from Switzerland!

Ankit_Chaudhary

Community Advisor

Hi @michael_soprano

You can use alloy("setDebug", {"enabled": true}); command on console to enable debug mode and filter console with XDM and validate your schema on the console however you can also use network tab or debugging tools like Omnibug for a better readability and view.

Also, if you are only getting a single item in the productListItems variable it seems like like there is an issues in the code you've configured to capture product details, I would recommend using JavaScript map() function to loop through the array in the data layer and create a data element to capture before setting it into XDM variable.

few links for reference.

w3schools - map()

How to Use the JS .map() Function freecodecamp

Let me know if you need an example code if can create a sample as well which you can refer to will happy to share if required.

Michael_SopranoAuthor

Level 10

Thank you for your reply.

Could you advise me how you would implement add to cart event?

Assuming that I have 2 products already in the cart. If the user add the third one then I should iterate through data layer cart item and send with the thrid one also two previous ones to productListItems? How you would do that? Unfortunately in my org we dont have yet any AEP master so I do appreciate your help! 🙂

Ankit_Chaudhary

Accepted solution

Community Advisor

Well I would say it depends on your business use case if your business would like to know what specific product users are adding to their cart then only send product info of product which user are adding to the cart(single event), you need to trigger an event on click of Add to Cart button on the page, the next action will depends on the UI/UX of the your website if after adding a product to cart cart page is also loading by default then you can trigger a cart view event and send all the items details available in the cart.

You can refer to the schema document for more details on eventType field.

I hope this will help.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded