vendor/shopware/storefront/Resources/views/storefront/page/account/order-history/order-detail-list-item.html.twig line 1

Open in your IDE?
  1. {# @deprecated tag:v6.5.0 - Template `order-detail-list-item.html.twig` is deprecated. Use `storefront/component/line-item/line-item.html.twig` instead. #}
  3. {% block page_account_order_item_detail_list_item %}
  4.     {% set PROMOTION_LINE_ITEM_TYPE = constant('Shopware\\Core\\Checkout\\Cart\\LineItem\\LineItem::PROMOTION_LINE_ITEM_TYPE') %}
  7.     {% set isDiscount = (not lineItem.good and lineItem.price.totalPrice <= 0) %}
  8.     {% set isNested = lineItem.children.count > 0 %}
  9.     {% set childrenTemplate = '@Storefront/storefront/page/account/order-history/order-detail-list-item-children.html.twig' %}
  11.     {# @deprecated tag:v6.5.0 - var will be removed - use 'childrenTemplate' instead #}
  12.     {% set childTemplate = '@Storefront/storefront/page/account/order-history/order-detail-list-item.html.twig' %}
  14.     {# @deprecated tag:v6.5.0 - var will be removed with no replacement #}
  15.     {% set cartItemClasses = '' %}
  17.     {% block page_account_order_item_detail_list_item_container %}
  18.         <div class="order-item-detail-list-item order-detail-item-{{ lineItem.type }}{% if isDiscount %} is-discount{% endif %} {{ cartItemClasses }}">
  19.             <div class="row order-detail-content-row">
  21.                 {% block page_account_order_item_detail_image %}
  22.                     <div class="col-12 col-md-2 order-item order-item-image">
  24.                         {% block page_account_order_item_detail_image_value %}
  25.                             <div class="order-item-product-image">
  26.                                 {% if isDiscount %}
  27.                                     <div class="order-item-img order-item-discount-icon">
  28.                                         {% sw_icon 'marketing' style {
  29.                                             'color': 'success'
  30.                                         } %}
  31.                                     </div>
  32.                                 {% elseif isNested %}
  33.                                     <div class="order-item-nested-icon">
  34.                                         {% sw_icon 'bag-product' style {
  35.                                             'color': 'light'
  36.                                         } %}
  37.                                     </div>
  38.                                 {% else %}
  39.                                     {% set url = lineItem.referencedId ? seoUrl('frontend.detail.page', {'productId': lineItem.referencedId }) : '#not-found' %}
  40.                                     <a href="{{ url }}"
  41.                                        class="product-image-link"
  42.                                        title="{{ lineItem.label }}">
  44.                                         {% block page_checkout_item_info_image_element %}
  45.                                             {% if lineItem.cover %}
  46.                                                 {% sw_thumbnails 'cart-item-img-thumbnails' with {
  47.                                                     media: lineItem.cover,
  48.                                                     sizes: {
  49.                                                         'default': '100px'
  50.                                                     },
  51.                                                     attributes: {
  52.                                                         'class': 'img-fluid order-item-img',
  53.                                                         'alt': (lineItem.cover.translated.alt ?: ''),
  54.                                                         'title': (lineItem.cover.translated.title ?: '')
  55.                                                     }
  56.                                                 } %}
  57.                                             {% else %}
  58.                                                 <div class="product-image-placeholder">
  59.                                                     {% sw_icon 'placeholder' style {
  60.                                                         'size': 'fluid'
  61.                                                     } %}
  62.                                                 </div>
  63.                                             {% endif %}
  64.                                         {% endblock %}
  66.                                     </a>
  67.                                 {% endif %}
  68.                             </div>
  69.                         {% endblock %}
  71.                     </div>
  72.                 {% endblock %}
  74.                 {% block page_account_order_item_detail_name %}
  75.                     <div class="col-12 col-md-4 order-item order-item-name">
  77.                         {% block page_account_order_item_detail_name_value %}
  78.                             {% if isDiscount %}
  79.                                 <strong class="name-value">
  80.                                         {{ lineItem.label }}
  81.                                     </strong>
  82.                             {% else %}
  83.                                 {% set url = lineItem.referencedId ? seoUrl('frontend.detail.page', {'productId': lineItem.referencedId }) : '#not-found' %}
  84.                                 <a href="{{ url }}"
  85.                                    class="order-item-product-name"
  86.                                    title="{{ lineItem.label }}"> <strong class="name-value">
  87.                                         {{ lineItem.label }}
  88.                                     </strong> </a>
  89.                             {% endif %}
  90.                         {% endblock %}
  92.                         {% block page_account_order_item_detail_variants %}
  93.                             {% if lineItem.payload.options|length >= 1 %}
  94.                                 <div class="order-item-variants">
  95.                                     {% for option in lineItem.payload.options %}
  96.                                         {% if option.option %}
  97.                                             <div class="order-item-variants-properties">
  98.                                                 <div class="order-item-variants-properties-name">{{ option.group }}:</div>
  99.                                                 <div class="order-item-variants-properties-value">{{ option.option }}</div>
  100.                                             </div>
  101.                                         {% else %}
  102.                                             <div class="order-item-variants-properties">
  103.                                                 <div class="order-item-variants-properties-name">{{ option.group.translated.name }}:</div>
  104.                                                 <div class="order-item-variants-properties-value">{{ option.translated.name }}</div>
  105.                                             </div>
  106.                                         {% endif %}
  107.                                     {% endfor %}
  108.                                 </div>
  109.                             {% endif %}
  110.                         {% endblock %}
  112.                         {% block page_account_order_item_detail_unitprice %}
  113.                             {% set referencePrice = lineItem.price.referencePrice %}
  115.                             {% if referencePrice.purchaseUnit %}
  116.                                 <div class="order-price-unit">
  118.                                     {% block page_account_order_item_detail_purchaseunit %}
  119.                                         <div class="order-price-purchase">
  121.                                             {% block page_account_order_item_detail_purchaseunit_label %}
  122.                                                 <span class="order-price-purchase-label">
  123.                                                     {{ "account.orderItemInfoContent"|trans|sw_sanitize }}
  124.                                                 </span>
  125.                                             {% endblock %}
  127.                                             {% block page_account_order_item_detail_purchaseunit_content %}
  128.                                                 <span class="order-price-purchase-content">
  129.                                                    {{ referencePrice.purchaseUnit }} {{ referencePrice.unitName }}
  130.                                                 </span>
  131.                                             {% endblock %}
  133.                                         </div>
  134.                                     {% endblock %}
  136.                                     {% block page_account_order_item_detail_referenceunit %}
  137.                                         {% if referencePrice.referenceUnit is not null %}
  138.                                             <div class="order-price-reference">
  140.                                                 {% block page_account_order_item_detail_referenceunit_content %}
  141.                                                     <span class="order-price-reference-content">
  142.                                                         ({{ referencePrice.price|currency(order.currency.isoCode) }}{{ "general.star"|trans|sw_sanitize }} / {{ referencePrice.referenceUnit }} {{ referencePrice.unitName }})
  143.                                                     </span>
  144.                                                 {% endblock %}
  146.                                             </div>
  147.                                         {% endif %}
  148.                                     {% endblock %}
  150.                                 </div>
  151.                             {% endif %}
  152.                         {% endblock %}
  154.                     </div>
  155.                 {% endblock %}
  157.                 {% block page_account_order_item_detail_quantity %}
  158.                     <div class="col-12 col-md-2 order-item order-item-quantity">
  159.                         {% if not isChild %}
  161.                             {% block page_account_order_item_detail_quantity_label %}
  162.                                 <strong class="order-item-label order-item-quantity-label">
  163.                                     {{ "account.orderItemColumnQuantity"|trans|sw_sanitize }}{{ "account.colonCharacter"|trans|sw_sanitize }}
  164.                                 </strong>
  165.                             {% endblock %}
  167.                             {% block page_account_order_item_detail_quantity_value %}
  168.                                 <span class="order-item-value order-item-quantity-value">
  169.                                     {{ lineItem.quantity }}
  170.                                 </span>
  171.                             {% endblock %}
  173.                         {% endif %}
  174.                     </div>
  175.                 {% endblock %}
  177.                 {% block page_account_order_item_detail_price %}
  178.                     <div class="col-12 col-md-2 order-item order-item-price">
  179.                         {% if not isDiscount %}
  181.                             {% block page_account_order_item_detail_price_label %}
  182.                                 <strong class="order-item-label order-item-price-label">
  183.                                     {{ "account.orderItemColumnPrice"|trans|sw_sanitize }}{{ "account.colonCharacter"|trans|sw_sanitize }}
  184.                                 </strong>
  185.                             {% endblock %}
  187.                             {% block page_account_order_item_detail_price_value %}
  188.                                 <span class="order-item-value order-item-price-value">
  189.                                     {% if lineItem.type == PROMOTION_LINE_ITEM_TYPE %}
  190.                                         /
  191.                                     {% else %}
  192.                                         {{ lineItem.unitPrice|currency(order.currency.isoCode) }}{{ "general.star"|trans|sw_sanitize }}
  193.                                     {% endif %}
  194.                                 </span>
  195.                             {% endblock %}
  197.                         {% endif %}
  198.                     </div>
  199.                 {% endblock %}
  201.                 {% block page_account_order_item_detail_total %}
  202.                     <div class="col-12 col-md-2 order-item order-item-total">
  204.                         {% block page_account_order_item_detail_total_label %}
  205.                             <strong class="order-item-label order-item-total-label">
  206.                                 {{ "account.orderItemColumnTotal"|trans|sw_sanitize }}{{ "account.colonCharacter"|trans|sw_sanitize }}
  207.                             </strong>
  208.                         {% endblock %}
  210.                         {% block page_account_order_item_detail_total_value %}
  211.                             <span class="order-item-value order-item-total-value">
  212.                                 {{ lineItem.totalPrice|currency(order.currency.isoCode) }}{{ "general.star"|trans|sw_sanitize }}
  213.                             </span>
  214.                         {% endblock %}
  216.                     </div>
  217.                 {% endblock %}
  219.             </div>
  221.             {% block page_account_order_item_downloads_table %}
  222.                 <div class="order-detail-content-list">
  223.                     {% sw_include '@Storefront/storefront/component/line-item/element/downloads.html.twig' %}
  224.                 </div>
  225.             {% endblock %}
  227.             {% block page_account_order_item_detail_children_template %}
  228.                 {% if isNested %}
  229.                     {# @deprecated tag:v6.5.0 - `page_account_order_item_detail_list_item_children` will be moved to `@Storefront/storefront/page/account/order-history/order-detail-list-item-children.html.twig` #}
  230.                     {% block page_account_order_item_detail_list_item_children %}
  231.                         {% sw_include childrenTemplate %}
  232.                     {% endblock %}
  233.                 {% endif %}
  234.             {% endblock %}
  236.             {% block page_account_order_item_detail_list_item_divider %}
  237.                 <div class="order-item-detail-list-item-divider"></div>
  238.             {% endblock %}
  240.         </div>
  241.     {% endblock %}
  243.     {# @deprecated tag:v6.5.0 - block will be removed #}
  244.     {% block page_account_order_item_detail_list_item_child %}{% endblock %}
  245. {% endblock %}