Custom coded abandoned cart html Product Looping for shopify

Hi @AnupKM ! 

Welcome to the community)

 

Yes, you can place the product table inside the loop in the code you provided. The loop is used to iterate over the line items in the event.extra.line_items array. For each iteration of the loop, you can access the properties of the current item and use them to populate the product table.

Here's an example of how you might use this loop to generate a product table in an HTML email:

{% if event.extra.line_items %}

  <table>

    <thead>

      <tr>

        <th>Product Image</th>

        <th>Product Name</th>

        <th>Quantity</th>

        <th>Price</th>

      </tr>

    </thead>

    <tbody>

      {% for item in event.extra.line_items %}

        <tr>

          <td><img src="{{ item.image_url }}" alt="{{ item.name }}"></td>

          <td>{{ item.name }}</td>

          <td>{{ item.quantity }}</td>

          <td>{{ item.price | money }}</td>

        </tr>

      {% endfor %}

    </tbody>

  </table>

{% else %}

  <p>No items in cart</p>

{% endif %}

 

This code will generate a table that displays the product image, name, quantity, and price for each item in the event.extra.line_items array. If there are no items in the array, the code will display a message saying "No items in cart".