Abandoned check out flow displaying the same product multiple times

Hi, 
I have configured the recovery flow of abandoned checkouts.

We are having the following problem: The flow shows all the products in the cart, so far so good, because we want it to be like that. The problem is that in our food store there are for example some people who order 5 units of the same product, and in the flow instead of appearing 1 time with the quantity, it appears repeated 5 times, one below the other. 
 

If I add the quantity option I get "1" per product and it lists them one below the other, is there any way to configure so that when they are repeated products this does not happen? and that the quantity of products and the total value for that quantity appear.

Im using the following code: 

<div>
<div><a href="{{ event.extra.checkout_url }}"><img style="max-width: 100%; display: block; margin-left: auto; margin-right: auto;" src="{{ event.extra.line_items.0.product.images.0.src }}" alt="productos"> </a></div>
<p style="text-align: center;"><span style="font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 400;">{{ event.extra.line_items.0.product.title }} - {{ event.extra.line_items.0.presentment_variant_title }} {{ event.extra.customer.total_spent }}<br><br></span></p>
</div>

Thank you in advance