How to list different product types separately in order summary?

Question

I have two product types, 1) Materials and 2) Services.

Is there a way on the order summary page to list out the "materials" line items first, followed by the "services" line items below? I can't seem to figure out how to access the product type from cart.lineItems.

Here is what I'm currently using but it seems a little clunky:

<h2>Products</h2>

{% for item in cart.lineItems %}
    {% set variant = item.purchasable %}
    {% set product = variant.product %}
    {% if product.type == 'materials' %}
        <li>{{ product.title }} - {{ variant.sku }} ({{ item.qty }})</li>
    {% endif %}
{% endfor %}

<h2>Services</h2>

{% for item in cart.lineItems %}
    {% set variant = item.purchasable %}
    {% set product = variant.product %}
    {% if product.type == 'services' %}
        <li>{{ product.title }} - {{ variant.sku }} ({{ item.qty }})</li>
    {% endif %}
{% endfor %}

Answer 1

You'll need to query the Purchasable in order to sort by Type.

Hope this helps. Let me know if you find a better way.

<h2>Products</h2>
{% for item in order.lineItems %}
    {% if item.purchasable.product.getType().name == 'Products' %}
        {% set variant = item.purchasable %}
        {% set product = variant.product %}
        <li>{{ product.title }} - ({{ item.qty }})</li>
    {% endif %}
{% endfor %}


<h2>Services</h2>
{% for item in order.lineItems %}
    {% if item.purchasable.product.getType().name == 'Services' %}
        {% set variant = item.purchasable %}
        {% set product = variant.product %}
        <li>{{ product.title }} - ({{ item.qty }})</li>
    {% endif %}
{% endfor %}


<h2>Others</h2>
{% for item in order.lineItems %}
    {% if item.purchasable.product.getType().name not in ['Products','Services'] %}
        {% set variant = item.purchasable %}
        {% set product = variant.product %}
        <li>{{ product.title }} - ({{ item.qty }})</li>
    {% endif %}
{% endfor %}

Answer 2

I actually needed to do this today for similar reasons.

Here's a plugin that reduces it to a single loop.

https://github.com/simplethemes/sortcart