templates/frontend/cart/cart.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend.html.twig' %}
  3. {% block content %}
  4.     <div class="rts-cart-section section-gap" id="cart-page">
  5.         <div class="container">
  6.             <h4 class="section-title">{{ 'app.your cart selection'|trans }}</h4>
  7.             <div class="row justify-content-between">
  8.                 <div class="col-xl-7">
  9.                     <div class="cart-table-area">
  10.                         <table class="table table-bordered table-hover" id="cart-table">
  11.                             <tbody>
  12.                                 {% for area in areas %}
  13.                                 <tr data-uuid="{{ area.uuid }}" class="cart-product-row-{{ area.uuid }}">
  14.                                     <td class="ps-3">
  15.                                         <div class="product-title-area">
  16.                                             <h4 class="product-title">{{ area.name }}</h4>
  17.                                             <span class="pretitle">
  18.                                                 {{ 'app.measurements'|trans }}: {{ area.width}} x {{ area.height}} mm<br>
  19.                                                 {{ 'app.contractDuration'|trans }}: {{ area.minDuration }} Monate<br>
  20.                                                 {{ 'app.unitPricePerYear'|trans }}: {{ area.pricePerYear }} {{ "app.currency_sign"|trans }}
  21.                                             </span>
  22.                                         </div>
  23.                                     </td>
  24.                                     <td>
  25.                                         {{ 'app.setup_and_production'|trans }}
  26.                                         <h4 class="product-title">
  27.                                             <span class="product-setup-price">{% if area.withinSetup %}zzgl. {{ area.setupPrice }} {{ "app.currency_sign"|trans }}{% else %}Für {{ area.setupPrice }} {{ "app.currency_sign"|trans }} hinzufügen{% endif %}</span>
  29.                                             <button data-uuid="{{ area.uuid }}" data-within-setup="{{ area.withinSetup }}" class="toggleProductionAndSetupCartView" type="button">
  30.                                                 <i class="fal fa-{% if area.withinSetup %}minus{% else %}plus{% endif %}-square"></i>
  31.                                             </button>
  32.                                         </h4>
  33.                                     </td>
  34.                                     <td>
  35.                                         {{ 'app.totalForDuration'|trans }}
  36.                                         <h4 class="product-price {{ area.uuid }}-product-price">
  37.                                             {{ area.pricePerPeriod }} {{ "app.currency_sign"|trans }}
  38.                                         </h4>
  39.                                     </td>
  40.                                     <td class="last-td pe-3">
  41.                                         <button type="button" class="remove-from-cart" data-uuid="{{ area.uuid }}">
  42.                                             <i class="fa fa-trash"></i>
  43.                                         </button>
  44.                                     </td>
  45.                                 </tr>
  46.                                 {% endfor %}
  47.                             </tbody>
  48.                         </table>
  49.                     </div>
  50.                 </div>
  51.                 <div class="col-xl-4">
  52.                     <div class="checkout-box">
  53.                         <div class="checkout-box-inner">
  54.                             <div class="total-area">
  55.                                 <span class="title">{{ 'app.in total'|trans|capitalize }}</span>
  56.                                 <span class="total-price">{{ cartTotal }} {{ "app.currency_sign"|trans }}</span>
  57.                             </div>
  58.                         </div>
  59.                         <a href="{{ path('app_frontend_checkout') }}#checkout-page" class="btn procced-btn btn-customer mb-3" id="toCheckoutBtn">
  60.                             {{ 'app.to checkout'|trans }}
  61.                         </a>
  62.                         <a href="{{ path('app_frontend_index') }}" class="continue-shopping">
  63.                             <i class="fal fa-long-arrow-left"></i> {{ 'Back to home'|trans }}
  64.                         </a>
  65.                     </div>
  66.                 </div>
  67.             </div>
  68.         </div>
  69.     </div>
  70. {% endblock %}
  72. {% block js_bottom %}
  73.     <script type="text/javascript">
  74.         {% include '/frontend/cart/js/toogle-setup.js.twig' %}
  75.         {% include '/frontend/cart/js/remove-item.js.twig' %}
  76.     </script>
  77. {% endblock %}