templates/application/cart/items.html.twig line 1

Open in your IDE?
  1. {% if cart.count == 0 %}
  2.     <div class="container">
  3.         <div class="cart-empty">
  4.             <div class="cart-empty__icon">
  5.                 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.25 8h18.855a2.012 2.012 0 0 1 1.987 1.764c.017.131.458 4.109.895 8.053l.602 5.436.28 2.522A2.001 2.001 0 0 1 27.894 28H4.106a2 2 0 0 1-1.975-2.225c.017-.145 1.625-14.466 1.774-15.985 0-.009.002-.017.003-.026A2.013 2.013 0 0 1 5.895 8H7.25zm-1.346 2a.013.013 0 0 0-.011.008C5.729 11.663 4.133 25.868 4.119 26h1.05A17842.801 17842.801 0 0 0 16 26a186099.97 186099.97 0 0 0 10.831 0h1.05l-.27-2.438L27 18.037a28787.994 28787.994 0 0 0-.868-7.82l-.017-.15-.005-.042-.001-.013v-.001a.013.013 0 0 0-.005-.008.012.012 0 0 0-.008-.003h-.255a3834.963 3834.963 0 0 0-2.904 0H5.904z"></path><path d="M16 5a4 4 0 0 0-4 4v4a1 1 0 1 1-2 0V9a6 6 0 1 1 12 0v4a1 1 0 1 1-2 0V9a4 4 0 0 0-4-4z"></path></svg>
  6.             </div>
  7.             <h1 class="h2 cart-empty__title">Пустая корзина</h1>
  8.             <div class="cart-empty__descr">Вы не добавили ни одного товара в корзину</div>
  9.             <div class="cart-empty__btn">
  10.                 <a href="{{ path('catalog') }}" class="btn">Перейти в каталог</a>
  11.             </div>
  13.             {% if cart.hasRetailCart(getIdentity()) %}
  14.                 <div class="cart-empty__btn">
  15.                     <button id="cartLoadRetail" class="btn btn--outline">подгрузить корзину с розничной части</button>
  16.                 </div>
  17.             {% endif %}
  18.         </div>
  19.     </div>
  20. {% else %}
  21.     <div class="page">
  22.         <div class="container">
  23.             <div class="cart">
  24.                 <div class="page__header">
  25.                     <h1 class="h2 page__title">Корзина</h1>
  26.                 </div>
  27.                 <div class="cart__row">
  28.                     <div class="cart__main">
  29.                         <div class="cart__box box box--outline">
  30.                             <div class="cart__nav">
  31.                                 <div class="cart__back more">
  32.                                     <a href="javascript:history.back()" class="more__link">
  33.                                         <span class="more__icon"><svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.854 12.867a.536.536 0 0 1-.708 0l-5-4.546a.426.426 0 0 1 0-.642l5-4.546a.536.536 0 0 1 .708 0 .426.426 0 0 1 0 .643L6.207 8l4.647 4.224a.426.426 0 0 1 0 .643z"></path></svg></span>
  34.                                         <span class="more__text"><span class="text-nomobile">Вернуться </span>в каталог</span>
  35.                                     </a>
  36.                                 </div>
  37.                                 <div class="cart__clear remove">
  38.                                     <button id="clearCart" class="remove__link">
  39.                                         <span class="remove__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 5.25zM9.75 9a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6A.75.75 0 0 1 9.75 9zM14.25 9a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75z"/><path d="M5.25 4.5a.75.75 0 0 1 .75.75V19.5h12V5.25a.75.75 0 0 1 1.5 0V19.5A1.5 1.5 0 0 1 18 21H6a1.5 1.5 0 0 1-1.5-1.5V5.25a.75.75 0 0 1 .75-.75z"/><path d="M8.159 2.159A2.25 2.25 0 0 1 9.75 1.5h4.5a2.25 2.25 0 0 1 2.25 2.25v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 1-1.5 0v-1.5c0-.597.237-1.169.659-1.591z"/></svg></span>
  40.                                         <span class="remove__text">Очистить<span class="text-nomobile"> корзину</span></span>
  41.                                     </button>
  42.                                 </div>
  43.                             </div>
  44.                             <div class="cart__tbl">
  45.                                 <div class="cart__header">
  46.                                     <div class="cart__td cart__td--num">#</div>
  47.                                     <div class="cart__td cart__td--product">Товар</div>
  48.                                     <div class="cart__td cart__td--count">Кол-во</div>
  49.                                     <div class="cart__td cart__td--price">Цена</div>
  50.                                     <div class="cart__td cart__td--discount">Скидка</div>
  51.                                     <div class="cart__td cart__td--price-sum">Итого</div>
  52.                                     <div class="cart__td cart__td--remove"></div>
  53.                                 </div>
  55.                                 {% set itemNum = 1 %}
  56.                                 {% for item in cart.items %}
  57.                                     <div class="cart__item">
  58.                                         <div class="cart__td cart__td--num">{{ itemNum }}.</div>
  59.                                         {% set itemNum = itemNum + 1 %}
  60.                                         <div class="cart__td cart__td--product">
  61.                                             {% if item.product.image %}
  62.                                                 <div class="cart__product-photo">
  63.                                                     {{ include('application/partial/picture.html.twig', {image: item.product.image, width: 80, height: 80}) }}
  64.                                                 </div>
  65.                                             {% endif %}
  66.                                             <div class="cart__product-detail">
  67.                                                 <div class="cart__product-title"><a href="{{ documentUrl(item.product) }}">{{ item.product.name(app.request.locale) }}</a></div>
  68.                                                 {% if item.product.sku %}
  69.                                                     <div class="cart__product-art">Артикул: {{ item.product.sku }}</div>
  70.                                                 {% endif %}
  71.                                                 {% if item.notInStock %}
  72.                                                     <div class="cart__product-art">Нет нужного количества.<br>На складе: {{ item.maxQuantity }} шт.</div>
  73.                                                 {% endif %}
  74.                                             </div>
  75.                                         </div>
  76.                                         <div class="cart__td cart__td--count">
  77.                                             <div class="count product-block-count">
  78.                                                 <button data-value="-1" class="count__minus" {% if item.quantity <= 1 %}disabled{% endif %}><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1z"></path></svg></button>
  79.                                                 <input data-id="{{ item.product.id }}" type="text" class="count__control cart-quantity" value="{{ item.quantity }}">
  80.                                                 <button data-value="1" class="count__plus"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1z"></path><path d="M8 1a1 1 0 0 1 1 1v12a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1z"></path></svg></button>
  81.                                             </div>
  82.                                         </div>
  83.                                         <div class="cart__td cart__td--price" data-title="Цена">
  84.                                             {% if item.price %}
  85.                                                 {{ item.price|number_format(2, ',', ' ') }} <span class="cart__unit">₽</span>
  86.                                             {% endif %}
  87.                                         </div>
  88.                                         <div class="cart__td cart__td--discount" data-title="Скидка">
  89.                                             {% if item.price %}
  90.                                                 {{ item.discount }} <span class="cart__unit">%</span>
  91.                                             {% endif %}
  92.                                         </div>
  93.                                         <div class="cart__td cart__td--price-sum" data-title="Итого">
  94.                                             {% if item.price %}
  95.                                                 {{ item.amountWithDiscount|number_format(2, ',', ' ') }} <span class="cart__unit">₽</span>
  96.                                             {% endif %}
  97.                                         </div>
  98.                                         <div class="cart__td cart__td--remove">
  99.                                             <button data-id="{{ item.product.id }}" class="remove__link cart-delete">
  100.                                                 <span class="remove__icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 5.25zM9.75 9a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6A.75.75 0 0 1 9.75 9zM14.25 9a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75z"/><path d="M5.25 4.5a.75.75 0 0 1 .75.75V19.5h12V5.25a.75.75 0 0 1 1.5 0V19.5A1.5 1.5 0 0 1 18 21H6a1.5 1.5 0 0 1-1.5-1.5V5.25a.75.75 0 0 1 .75-.75z"/><path d="M8.159 2.159A2.25 2.25 0 0 1 9.75 1.5h4.5a2.25 2.25 0 0 1 2.25 2.25v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 1-1.5 0v-1.5c0-.597.237-1.169.659-1.591z"/></svg></span>
  101.                                             </button>
  102.                                         </div>
  103.                                     </div>
  105.                                 {% endfor %}
  108.                                 <div class="cart__footer">
  109.                                     {% if getIdentity() and getIdentity().seller and cart.counterpartyId %}
  110.                                         <a id="draftSave" href="#" class="btn btn--outline">Сохранить черновик</a>
  111.                                     {% endif %}
  112.                                 </div>
  113.                             </div>
  114.                         </div>
  116.                         {% if relatedProducts is defined and relatedProducts|length %}
  117.                             <h3 class="cart__title">Не забудьте добавить</h3>
  118.                             <div class="cart__box box box--outline">
  119.                                 {% for product in relatedProducts %}
  120.                                     <div class="cart__item">
  121.                                         <div class="cart__td cart__td--product">
  122.                                             {% if product.image %}
  123.                                                 <div class="cart__product-photo">
  124.                                                     {{ include('application/partial/picture.html.twig', {image: product.image, width: 80, height: 80}) }}
  125.                                                 </div>
  126.                                             {% endif %}
  128.                                             <div class="cart__product-title"><a href="{{ documentUrl(product) }}">{{ product.name(app.request.locale) }}</a></div>
  129.                                         </div>
  130.                                         <!--div class="cart__td cart__td--count">
  131.                                             <div class="count">
  132.                                                 <button class="count__minus" disabled><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1z"></path></svg></button>
  133.                                                 <input type="text" class="count__control" value="1">
  134.                                                 <button class="count__plus"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1z"></path><path d="M8 1a1 1 0 0 1 1 1v12a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1z"></path></svg></button>
  135.                                             </div>
  136.                                         </div-->
  137.                                         <div class="cart__td cart__td--price" data-title="Цена">
  138.                                             {% if cart.validPrice(product) %}
  139.                                                 {{ cart.validPrice(product)|number_format(2, ',', ' ') }} <span class="cart__unit">₽</span>
  140.                                             {% endif %}
  141.                                         </div>
  142.                                         <div class="cart__td cart__td--add">
  143.                                             <button data-id="{{ product.id }}" class="addRelatedProduct btn btn--outline">Добавить</button>
  144.                                         </div>
  145.                                     </div>
  146.                                 {% endfor %}
  147.                             </div>
  148.                         {% endif %}
  149.                     </div>
  150.                     <div id="cartTotal" class="cart__sidebar">
  151.                         {{ include('application/cart/total.html.twig') }}
  152.                     </div>
  153.                 </div>
  154.             </div>
  155.         </div>
  156.     </div>
  157. {% endif %}