vendor/shopware/storefront/Resources/views/storefront/component/checkout/offcanvas-item.html.twig line 238

Open in your IDE?
  1. {# @deprecated tag:v6.5.0 - Template `offcanvas-item.html.twig` is deprecated. Use `storefront/component/line-item/line-item.html.twig` instead. #}
  3. {% block component_offcanvas_cart_item_inner %}
  4.     {% set PRODUCT_LINE_ITEM_TYPE = constant('Shopware\\Core\\Checkout\\Cart\\LineItem\\LineItem::PRODUCT_LINE_ITEM_TYPE') %}
  5.     {% set DISCOUNT_LINE_ITEM_TYPE = constant('Shopware\\Core\\Checkout\\Cart\\LineItem\\LineItem::DISCOUNT_LINE_ITEM') %}
  7.     {% set price = lineItem.price %}
  8.     {% set isDiscount = (not lineItem.good and price.totalPrice <= 0) || lineItem.type == DISCOUNT_LINE_ITEM_TYPE %}
  9.     {% set isNested = lineItem.children.count > 0 %}
  10.     {% set label = lineItem.label|trans|sw_sanitize %}
  11.     {% set label = label !== '' ? label : lineItem.label %}
  13.     {% set referencedId = lineItem.referencedId %}
  14.     {% set type = lineItem.type %}
  15.     {% set quantity = lineItem.quantity %}
  16.     {% set id = lineItem.id %}
  17.     {% set childrenTemplate = '@Storefront/storefront/component/checkout/offcanvas-item-children.html.twig' %}
  19.     {# @deprecated tag:v6.5.0 - var will be removed with no replacement #}
  20.     {% set cartItemClasses = '' %}
  22.     {% block component_offcanvas_cart_item_container %}
  23.         <div class="cart-item cart-item-{{ type }}{% if isDiscount %} is-discount{% endif %}{{ cartItemClasses }} js-cart-item">
  24.             <div class="row cart-item-row">
  25.                 {% block component_offcanvas_product_image %}
  26.                     <div class="col-auto">
  27.                         {% block component_offcanvas_product_image_inner %}
  28.                             <div class="cart-item-img">
  29.                                 {% if isDiscount %}
  30.                                     <div class="cart-item-discount-icon">
  31.                                         {% sw_icon 'marketing' style {
  32.                                             'color': 'success'
  33.                                         } %}
  34.                                     </div>
  35.                                 {% elseif isNested %}
  36.                                     <div class="cart-item-nested-icon">
  37.                                         {% sw_icon 'bag-product' style {
  38.                                             'color': 'light'
  39.                                         } %}
  40.                                     </div>
  41.                                 {% else %}
  42.                                     <a href="{{ seoUrl('frontend.detail.page', {'productId': referencedId}) }}"
  43.                                        class="cart-item-img-link"
  44.                                        title="{{ label }}">
  45.                                         {% if lineItem.cover.url %}
  46.                                             {% sw_thumbnails 'cart-item-img-thumbnails' with {
  47.                                                 media: lineItem.cover,
  48.                                                 sizes: {
  49.                                                     'default': '100px'
  50.                                                 },
  51.                                                 attributes: {
  52.                                                     'class': 'img-fluid cart-item-img-source',
  53.                                                     'alt': label,
  54.                                                     'title': label
  55.                                                 }
  56.                                             } %}
  57.                                         {% else %}
  58.                                             {% sw_icon 'placeholder' style {
  59.                                                 'size': 'fluid'
  60.                                             } %}
  61.                                         {% endif %}
  62.                                     </a>
  63.                                 {% endif %}
  64.                             </div>
  65.                         {% endblock %}
  66.                     </div>
  67.                 {% endblock %}
  69.                 {% block component_offcanvas_product_details %}
  70.                     <div class="col-7 cart-item-details">
  71.                         {% block component_offcanvas_product_details_inner %}
  72.                             <div class="cart-item-details-container">
  73.                                 {% block component_offcanvas_product_label %}
  74.                                     <div class="cart-item-details">
  75.                                         {% if type == PRODUCT_LINE_ITEM_TYPE %}
  76.                                             <a href="{{ seoUrl('frontend.detail.page', {'productId': referencedId}) }}"
  77.                                                class="cart-item-label"
  78.                                                title="{{ label }}">
  79.                                                 {{ quantity }}{{ "checkout.quantityTimes"|trans|sw_sanitize }} {{ label|u.truncate(60, '...', false)|raw }}
  80.                                             </a>
  81.                                         {% else %}
  82.                                             <div class="cart-item-label">
  83.                                                 {{ label|u.truncate(60, '...', false)|raw }}
  84.                                             </div>
  85.                                         {% endif  %}
  86.                                     </div>
  87.                                 {% endblock %}
  89.                                 {% block cart_item_variant_characteristics %}
  90.                                     <div class="cart-item-characteristics">
  91.                                         {% for option in lineItem.payload.options %}
  92.                                             {{ option.group }}:
  93.                                             <span class="cart-item-characteristics-option">{{ option.option }}</span>
  95.                                             {% if lineItem.payload.options|last != option %}
  96.                                                 {{ " | " }}
  97.                                             {% endif %}
  98.                                         {% endfor %}
  99.                                     </div>
  100.                                 {% endblock %}
  102.                                 {% block component_offcanvas_product_details_features %}
  103.                                     {% if lineItem.type == PRODUCT_LINE_ITEM_TYPE and lineItem.payload.features is not null %}
  104.                                         {% sw_include '@Storefront/storefront/component/product/feature/list.html.twig' with {
  105.                                             'features': lineItem.payload.features
  106.                                         } %}
  107.                                     {% endif %}
  108.                                 {% endblock %}
  110.                                 {% block component_offcanvas_product_quantity_price %}
  111.                                     <div class="cart-quantity-price">
  112.                                         {% block component_offcanvas_product_quantity %}
  113.                                             <div class="cart-item-quantity">
  114.                                                 {% block component_offcanvas_product_quantity_form %}
  115.                                                     {% set showQuantitySelect = (not lineItem.states is defined or 'is-download' not in lineItem.states or ('is-download' in lineItem.states and lineItem.quantityInformation.maxPurchase !== 1)) %}
  116.                                                     {% if lineItem.quantityInformation and lineItem.stackable and showQuantitySelect %}
  117.                                                         <form action="{{ path('frontend.checkout.line-item.change-quantity', {'id': id}) }}"
  118.                                                               class="cart-item-quantity-container"
  119.                                                               method="post">
  121.                                                             {# @deprecated tag:v6.5.0 - Block component_offcanvas_product_quantity_form_csrf will be removed. #}
  122.                                                             {% block component_offcanvas_product_quantity_form_csrf %}
  123.                                                                 {{ sw_csrf('frontend.checkout.line-item.change-quantity') }}
  124.                                                             {% endblock %}
  126.                                                             {% block component_offcanvas_product_quantity_form_redirect %}
  127.                                                                 <input type="hidden"
  128.                                                                        name="redirectTo"
  129.                                                                        value="frontend.cart.offcanvas"/>
  130.                                                             {% endblock %}
  132.                                                             {% set quantityInformation = lineItem.quantityInformation %}
  133.                                                             {% if quantityInformation.maxPurchase %}
  134.                                                                 {% set maxQuantity = quantityInformation.maxPurchase %}
  135.                                                             {% else %}
  136.                                                                 {% set maxQuantity = config('core.cart.maxQuantity') %}
  137.                                                             {% endif %}
  139.                                                             {% set selectQuantityThreshold = 100 %}
  140.                                                             {% block component_offcanvas_product_buy_quantity %}
  141.                                                                 {% if (maxQuantity - quantityInformation.minPurchase) / quantityInformation.purchaseSteps > selectQuantityThreshold %}
  142.                                                                     {% block component_offcanvas_product_buy_quantity_input %}
  143.                                                                         <input
  144.                                                                             type="number"
  145.                                                                             name="quantity"
  146.                                                                             class="form-control js-offcanvas-cart-change-quantity-number"
  147.                                                                             min="{{ quantityInformation.minPurchase }}"
  148.                                                                             max="{{ maxQuantity }}"
  149.                                                                             step="{{ quantityInformation.purchaseSteps }}"
  150.                                                                             value="{{ quantity }}"
  151.                                                                         />
  152.                                                                     {% endblock %}
  153.                                                                 {% else %}
  154.                                                                     {% block component_offcanvas_product_buy_quantity_select %}
  155.                                                                         <select name="quantity" class="{{ formSelectClass }} quantity-select-{{ id }} js-offcanvas-cart-change-quantity">
  156.                                                                             {% for quantityItem in range(quantityInformation.minPurchase, maxQuantity, quantityInformation.purchaseSteps) %}
  157.                                                                                 <option value="{{ quantityItem }}"
  158.                                                                                     {% if quantityItem == quantity %} selected="selected"{% endif %}>
  159.                                                                                     {{ quantityItem }}
  160.                                                                                 </option>
  161.                                                                             {% endfor %}
  162.                                                                         </select>
  163.                                                                     {% endblock %}
  164.                                                                 {% endif %}
  165.                                                             {% endblock %}
  166.                                                         </form>
  167.                                                     {% endif %}
  168.                                                 {% endblock %}
  169.                                             </div>
  170.                                         {% endblock %}
  172.                                         {% block component_offcanvas_product_total_price %}
  173.                                             <div class="cart-item-price">
  174.                                                 {# Shipping costs discounts always have a price of 0, which might be confusing, therefore we do not show those #}
  175.                                                 {% if lineItem.payload.discountScope != 'delivery' %}
  176.                                                     {{ price.totalPrice|currency }}{{ "general.star"|trans|sw_sanitize }}
  177.                                                 {% endif %}
  178.                                                 {% set referencePrice = price.referencePrice %}
  179.                                                 {% if referencePrice is not null %}
  180.                                                     <small class="cart-item-reference-price">
  181.                                                         ({{ referencePrice.price|currency }}{{ "general.star"|trans|sw_sanitize }} / {{ referencePrice.referenceUnit }}&nbsp;{{ referencePrice.unitName }})
  182.                                                     </small>
  183.                                                 {% endif %}
  184.                                             </div>
  185.                                         {% endblock %}
  186.                                     </div>
  187.                                 {% endblock %}
  188.                             </div>
  189.                         {% endblock %}
  190.                     </div>
  191.                 {% endblock %}
  193.                 {% block component_offcanvas_product_remove %}
  194.                     <div class="cart-item-remove">
  195.                         {% block component_offcanvas_product_remove_form %}
  196.                             {% if lineItem.removable %}
  197.                                 <form action="{{ path('frontend.checkout.line-item.delete', {'id': id}) }}"
  198.                                       class="cart-item-remove js-offcanvas-cart-remove-product"
  199.                                       method="post">
  201.                                     {# @deprecated tag:v6.5.0 - Block component_offcanvas_product_remove_form_csrf will be removed. #}
  202.                                     {% block component_offcanvas_product_remove_form_csrf %}
  203.                                         {{ sw_csrf('frontend.checkout.line-item.delete') }}
  204.                                     {% endblock %}
  206.                                     {% block component_offcanvas_product_remove_redirect %}
  207.                                         <input type="hidden"
  208.                                                name="redirectTo"
  209.                                                value="frontend.cart.offcanvas"/>
  210.                                     {% endblock %}
  212.                                     {% block component_offcanvas_product_remove_submit %}
  213.                                         <button type="submit"
  214.                                                 title="{{ "checkout.removeLineItem"|trans|striptags }}"
  215.                                                 data-product-id="{{ lineItem.id }}"
  216.                                                 class="btn btn-light cart-item-remove-button">
  217.                                             {% sw_icon 'x' style { 'size': 'sm' } %}
  218.                                         </button>
  219.                                     {% endblock %}
  220.                                 </form>
  221.                             {% endif %}
  222.                         {% endblock %}
  223.                     </div>
  224.                 {% endblock %}
  226.                 {% block component_offcanvas_children %}
  227.                     {% if isNested %}
  228.                         {# @deprecated tag:v6.5.0 - block will be removed, use `component_offcanvas_item_children` in `@Storefront/storefront/component/checkout/offcanvas-item-children.html.twig` instead #}
  229.                         {% block component_offcanvas_cart_item_children %}
  230.                             {% sw_include childrenTemplate %}
  231.                         {% endblock %}
  232.                     {% endif %}
  233.                 {% endblock %}
  235.             </div>
  236.         </div>
  237.     {% endblock %}
  239.     {# @deprecated tag:v6.5.0 - block will be removed #}
  240.     {% block component_offcanvas_cart_item_child %}{% endblock %}
  241. {% endblock %}