{% set url = (productPage | page({slug: product.data.slug, variant: product.variant.hashId})) %}
{% set image = product.variant ? product.variant.image : product.data.image %}
<tr class="mall-cart__product">
    <td class="text-center">
        {% if image %}
            <a href="{{ url }}">
                <img class="mall-cart-image" src="{{ image.thumb(400, 400, 'crop') }}" alt="{{ image.title }}"/>
            </a>
        {% endif %}
    </td>
    <td>
        <a href="{{ url }}">
            {{ product.variant.name ?: product.data.name }}
        </a>
        {% if product.variant %}
            <br/>
            <span class="text-muted">
                {{ product.variant.properties_description | raw }}
            </span>
        {% endif %}
        {% if product.custom_field_values %}
            <br/>
            <span class="text-muted">
                {{ product.custom_field_value_description | raw }}
            </span>
        {% endif %}
        <div>
            <a href="javascript:;"
               class="js-mall-remove-product text-danger"
               data-id="{{ product.hashId }}"
            >
                {{ 'offline.mall::frontend.remove' | trans }}
            </a>
        </div>
    </td>
    <td class="text-right">
        {% partial __SELF__ ~ '::table/quantitydropdown' product=product %}
    </td>
    <td class="text-right">
        {{ product.price() | raw }}
        {% if product.service_options.count > 0 %}
            <div class="mall-cart__price-additions">
                + {{ product.servicePostTaxes | money }}
            </div>
        {% endif %}
    </td>
    <td class="text-right">
        {{ product.totalPostTaxes | money }}
    </td>
</tr>

{% for option in product.service_options %}
    <tr class="mall-cart__services {{ loop.first ? 'mall-cart__services--first' }} {{ loop.last ? 'mall-cart__services--last' }}">
        <td></td>
        <td colspan="2">
            {{ option.name }}
        </td>
        <td class="text-right">
            {{ option.price().integer | money }}
        </td>
        <td></td>
    </tr>
{% endfor %}