app/template/meldiastore/Block/cart.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. <style>
  12.     .is-active .p-cart__progress-number {
  13.     background: #807245;
  14. }
  15. .is-active .p-cart__progress-label {
  16.     color: #807245;
  17. }
  18. .p-cart__progress-number {
  19.     background: #000;
  20. }
  21. .p-cart__progress-list-item:after, .p-cart__progress-list-item:before {
  22.     background: #CCC;
  23. }
  24. .p-cart__product-name-link {
  25.     color: #807245;
  26. }
  27. .p-cart__total-price {
  28.     color: #807245;
  29. }
  30. .c-button--unelevated.is-primary {
  31.     background-color: #000;
  32. }
  33. .c-button--unelevated.is-secondary {
  34.     background-color: #807245;
  35. }
  36. </style>
  37. {% set Carts = get_all_carts() %}
  38. {% set totalPrice = get_carts_total_price() %}
  39. {% set totalQuantity = get_carts_total_quantity() %}
  40. <div class="b-cart" id="js-cart">
  41.     <div class="b-cart__trigger" id="js-cart-trigger">
  42.         <div class="b-cart__menu">
  43.             <span class="b-cart__menu-badge">{{ totalQuantity|number_format }}</span>
  44.         </div>
  45.     </div>
  46.     <div class="b-cart__overlay js-cart-target" id="js-cart__overlay"></div>
  47.     {% if totalQuantity > 0 %}
  48.         <div class="b-cart__body js-cart-target">
  49.             <div class="b-cart__heading">
  50.                 <div class="b-cart__menu"></div>
  51.                 <div class="b-cart__price">
  52.                     <div class="b-cart__price-number">{{ totalPrice|price }}</div>
  53.                 </div>
  54.             </div>
  55.             {% for Cart in Carts %}
  56.                 {% for CartItem in Cart.CartItems %}
  57.                     {% set ProductClass = CartItem.ProductClass %}
  58.                     {% set Product = ProductClass.Product %}
  59.                     <div class="b-cart__item">
  60.                         <div class="b-cart__item-image">
  61.                             <img class="b-cart__item-image-pic" src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}" width="100" height="100" alt="{{ Product.name }}">
  62.                         </div>
  63.                         <div class="b-cart__item-contents">
  64.                             <p class="b-cart__item-name">{{ Product.name }}</p>
  65.                             {% if ProductClass.ClassCategory1 and ProductClass.ClassCategory1.id %}
  66.                                 <p class="b-cart__item-class-category">{{ ProductClass.ClassCategory1.ClassName.name }}：{{ ProductClass.ClassCategory1 }}</p>
  67.                             {% endif %}
  68.                             {% if ProductClass.ClassCategory2 and ProductClass.ClassCategory2.id %}
  69.                                 <p class="b-cart__item-class-category">{{ ProductClass.ClassCategory2.ClassName.name }}：{{ ProductClass.ClassCategory2 }}</p>
  70.                             {% endif %}
  71.                             <p class="b-cart__item-price">
  72.                                 <span class="b-cart__item-price--main">{{ CartItem.price|price }}</span>
  73.                                 <span class="b-cart__item-price--sub">{{ '税込'|trans }}</span>
  74.                             </p>
  75.                             <p class="b-cart__item-number">{{ '数量'|trans }} {{ CartItem.quantity|number_format }}</p>
  76.                         </div>
  77.                     </div>
  78.                 {% endfor %}
  79.             {% endfor %}
  80.             <div class="b-cart__actions">
  81.                 <div class="b-cart__actions-item">
  82.                     <a class="b-cart__button c-button is-secondary c-button--unelevated mdc-button mdc-button--unelevated" href="{{ url('cart') }}">
  83.                         <span class="c-button__label mdc-button__label">{{ 'カートへ進む'|trans }}</span>
  84.                     </a>
  85.                 </div>
  86.                 <div class="b-cart__actions-item">
  87.                     <a class="b-cart__button c-button c-button--unelevated is-primary mdc-button mdc-button--unelevated" id="js-cart-cancel">
  88.                         <span class="c-button__label mdc-button__label">{{ 'お買い物を続ける'|trans }}</span>
  89.                     </a>
  90.                 </div>
  91.             </div>
  92.         </div>
  93.     {% else %}
  94.         <div class="b-cart__body js-cart-target">
  95.             <div class="b-cart__heading">
  96.                 <div class="b-cart__menu"></div>
  97.                 <div class="b-cart__price">
  98.                     <div class="b-cart__price-number">{{ totalPrice|price }}</div>
  99.                 </div>
  100.             </div>
  101.             <div class="b-cart__message">
  102.                 <p>{{ '現在カート内に商品はございません。'|trans }}</p>
  103.             </div>
  104.             <div class="b-cart__actions">
  105.                 <div class="b-cart__actions-item">
  106.                     <a class="b-cart__button c-button c-button--unelevated is-primary mdc-button mdc-button--unelevated" id="js-cart-cancel">
  107.                         <span class="c-button__label mdc-button__label">{{ 'お買い物を続ける'|trans }}</span>
  108.                     </a>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     {% endif %}
  113. </div>