app/template/default/Cart/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  12. {% block stylesheet %}
  13.     <link rel="stylesheet" href="{{ asset('assets/css/ec_module.css', 'user_data') }}">
  14.     <link rel="stylesheet" href="{{ asset('assets/css/button_design.css', 'user_data') }}">
  15.     <link rel="stylesheet" href="{{ asset('assets/css/cart.css', 'user_data') }}">
  16.     
  17.     <style>
  18.     .cart-progress-item:nth-of-type(1) .cart-progress-spot::before{
  19.         content: "";
  20.         width: 24px;
  21.         height: 24px;
  22.         position: absolute;
  23.         top: 50%;
  24.         left: 50%;
  25.         transform: translate(-50%,-50%);
  26.         border-radius: 50%;
  27.         background-color: #FFFFFF;
  28.     }
  29.     </style>
  30. {% endblock %}
  31. {% extends 'default_frame.twig' %}
  33. {% set body_class = 'cart_page' %}
  35. {% block main %}
  36. <main>
  37.     <div class="wrapper">
  38.         <h1>
  39.             <div class="ec-title">
  40.                 <img src="{{ asset('assets/img/title_ic_basket.svg', 'user_data') }}" alt="backet" class="title-ic">
  41.                 <span>{{ 'ショッピングカート'|trans }}</span>
  42.             </div>
  43.             <div class="vertical-line"></div>
  44.         </h1>
  45.         <div class="cart-progress">
  46.             <ul class="cart-progress-list">
  47.                 <li class="cart-progress-item">
  48.                     <div class="cart-progress-spot"></div>
  49.                     <div class="cart-progress-label">{{ 'カートの商品'|trans }}</div>
  50.                 </li>
  51.                 {% if is_granted('ROLE_USER') == false %}
  52.                 <li class="cart-progress-item">
  53.                     <div class="cart-progress-spot"></div>
  54.                     <div class="cart-progress-label">{{ 'お客様情報'|trans }}</div>
  55.                 </li>
  56.                 {% endif %}
  57.                 <li class="cart-progress-item">
  58.                     <div class="cart-progress-spot"></div>
  59.                     <div class="cart-progress-label">{{ 'ご注文手続き'|trans }}</div>
  60.                 </li>
  61.                 <li class="cart-progress-item">
  62.                     <div class="cart-progress-spot"></div>
  63.                     <div class="cart-progress-label">{{ 'ご注文内容確認'|trans }}</div>
  64.                 </li>
  65.                 <li class="cart-progress-item">
  66.                     <div class="cart-progress-spot"></div>
  67.                     <div class="cart-progress-label">{{ '完了'|trans }}</div>
  68.                 </li>
  69.             </ul>
  70.         </div>
  71.         
  72.         {# 旧コーディング・処理 #}
  73.         
  74.         {% set productStr = app.session.flashbag.get('eccube.front.request.product') %}
  75.         {% for error in app.session.flashbag.get('eccube.front.request.error') %}
  76.             {% set idx = loop.index0 %}
  77.             <div class="ec-cartRole__error">
  78.                 <div class="ec-alert-warning">
  79.                     {#<div class="ec-alert-warning__icon"><img src="{{ asset('assets/img/exclamation-white.svg', 'user_data') }}"></div>#}
  80.                     <div class="ec-alert-warning__text">
  81.                         {% if productStr[idx] is defined %}
  82.                             {{ error|trans({'%product%':productStr[idx]})|nl2br }}
  83.                         {% else %}
  84.                             {{ error|trans|nl2br }}
  85.                         {% endif %}
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         {% endfor %}
  90.         {% for error in app.session.flashbag.get('eccube.front.cart.error') %}
  91.             <div class="ec-cartRole__error">
  92.                 <div class="ec-alert-warning">
  93.                     {#<div class="ec-alert-warning__icon"><img src="{{ asset('assets/img/exclamation-white.svg', 'user_data') }}"></div>#}
  94.                     <div class="ec-alert-warning__text">
  95.                         {{ error|trans|nl2br }}
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.         {% endfor %}
  100.         {% if totalQuantity > 0 %}
  101.             {% if Carts|length > 1 %}
  102.                 <div class="ec-cartRole__error">
  103.                     <div class="ec-alert-warning">
  104.                         <div class="ec-alert-warning__text">
  105.                             {{ '同時購入できない商品がカートに含まれています。'|trans|nl2br }}
  106.                         </div>
  107.                     </div>
  108.                 </div>
  109.             {% endif %}
  110.             
  111.             {# 旧コーディング・処理 #}
  112.             
  113.             <form name="form" id="form_cart" class="ec-cartRole" method="post" action="{{ url('cart') }}">
  114.                 {% for CartIndex,Cart in Carts %}
  115.                     {% set cartKey = Cart.cart_key %}
  116.                     {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  117.                         <div class="ec-cartRole__error">
  118.                             <div class="ec-alert-warning">
  119.                                 {#<div class="ec-alert-warning__icon"><img src="{{ asset('assets/img/exclamation-white.svg', 'user_data') }}"></div>#}
  120.                                 <div class="ec-alert-warning__text">
  121.                                     {{ error|trans|nl2br }}
  122.                                 </div>
  123.                             </div>
  124.                         </div>
  125.                     {% endfor %}
  126.                     
  127.                     {# 旧コーディング・処理 終わり #}
  128.                     
  129.                     <div class="cart-table">
  130.                         <ul class="cart-header">
  131.                             <li class="cart-header-label">{{ '削除'|trans }}</li>
  132.                             <li class="cart-header-label">{{ '商品内容'|trans }}</li>
  133.                             <li class="cart-header-label">{{ '数量'|trans }}</li>
  134.                             <li class="cart-header-label">{{ '小計'|trans }}</li>
  135.                         </ul>
  136.                         
  137.                         {% for CartItemIndex,CartItem in Cart.CartItems %}
  138.                                 {% set ProductClass = CartItem.ProductClass %}
  139.                                 {% set Product = ProductClass.Product %}
  140.                         <ul class="cart-row">
  141.                             <li class="cart-column-delete">
  142.                                 <a href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} class="ec-icon cart-column-deleteIc" data-method="put" data-message="カートから商品を削除してもよろしいですか?"" class="cart-column-deleteIc">×</a>
  143.                             </li>
  144.                             <li class="cart-column-content">
  145.                                 <div class="cart-column-img">
  146.                                     <a target="_blank" href="content.html">
  147.                                         <img src="{{ asset(CartItem.ProductClass.Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ CartItem.ProductClass.Product.name }}"/>
  148.                                     </a>
  149.                                 </div>
  150.                                 <div class="cart-column-summary">
  151.                                     <div class="cart-column-name">
  152.                                         <a target="_blank" href="content.html">{{ CartItem.ProductClass.Product.name }}</a>
  153.                                     </div>
  154.                                     <div class="cart-column-unitPrice">￥{{ CartItem.price|number_format(0, '.', ',') }}</div>
  155.                                 </div>
  156.                             </li>
  157.                             <li class="cart-column-amountColumn">
  158.                                 <div class="cart-column-amount">{{ CartItem.quantity }}</div>
  159.                                 {# <div class="cart-column-amountSP">{{ 'common.quantity-with_separator'|trans }}{{ CartItem.quantity|number_format }}</div> #}
  160.                                 <div class="cart-column-amountUpDown">
  161.                                     {% if CartItem.quantity > 1 %}
  162.                                         <a href="{{ url('cart_handle_item', {'operation': 'down', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }} class="cart-column-amountDownButton load-overlay" data-method="put" data-confirm="false" style="background-color: #629649;">
  163.                                             <span class="ec-cartRow__amountDownButton__icon">－</span>
  164.                                         </a>
  165.                                     {% else %}
  166.                                         <div class="ec-cartRow__amountDownButtonDisabled">
  167.                                             <span class="ec-cartRow__amountDownButton__icon">－</span>
  168.                                         </div>
  169.                                     {% endif %}
  170.                                     <a href="{{ url('cart_handle_item', {'operation': 'up', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }} class="cart-column-amountUpButton load-overlay" data-method="put" data-confirm="false">
  171.                                         <span class="ec-cartRow__amountUpButton__icon">＋</span>
  172.                                     </a>
  173.                                 </div>
  174.                             </li>
  175.                             <li class="cart-column-subtotalColumn">
  176.                                 <div class="cart-column-sutbtotal">{{ (CartItem.price * CartItem.quantity)|number_format(0, '.', ',') }}</div>
  177.                             </li>
  178.                         </ul>
  179.                         {% endfor %}
  180.                     </div>
  182.                     <div class="ec-cartRole__progress">
  183.                         {% if BaseInfo.delivery_free_amount and BaseInfo.delivery_free_quantity %}
  184.                             <br/>
  185.                             {% if is_delivery_free[cartKey] %}
  186.                                 {{ '現在送料無料です。'|trans }}
  187.                             {% else %}
  188.                                 {{ 'あと「<strong>%price%</strong>」または「<strong>%quantity%個</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%price%': least[cartKey]|price, '%quantity%': quantity[cartKey]|number_format })|raw }}
  189.                             {% endif %}
  190.                         {% elseif BaseInfo.delivery_free_amount %}
  191.                             <br/>
  192.                             {% if is_delivery_free[cartKey] %}
  193.                                 {{ '現在送料無料です。'|trans }}
  194.                             {% else %}
  195.                                 {{ 'あと「<strong>%price%</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%price%': least[cartKey]|price })|raw }}
  196.                             {% endif %}
  197.                         {% elseif BaseInfo.delivery_free_quantity %}
  198.                             <br/>
  199.                             {% if is_delivery_free[cartKey] %}
  200.                                 {{ '現在送料無料です。'|trans }}
  201.                             {% else %}
  202.                                 {{ 'あと「<strong>%quantity%個</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%quantity%': quantity[cartKey]|number_format })|raw }}
  203.                             {% endif %}
  204.                         {% endif %}
  205.                     </div>
  206.         
  207.                     <div class="cart-actions">
  208.                     <div class="cart-actions-total">
  209.                         {{ '合計：'|trans }}
  210.                         <span class="cart-total-totalAmount">{{ Cart.totalPrice|price }}</span>
  211.                     </div>
  212.                     <a class="ec-blockBtn--action" href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">
  213.                         <img src="{{ asset('assets/img/btn_ic_register.svg', 'user_data') }}" alt="register" class="title-ic">
  214.                         {{ 'レジに進む'|trans }}
  215.                     </a>
  216.                     <a class="ec-blockBtn--cancel" href="javascript:history.back();">
  217.                         <img src="{{ asset('assets/img/btn_ic_basket.svg', 'user_data') }}" alt="basket" class="title-ic">
  218.                         {{ 'お買い物を続ける'|trans }}
  219.                     </a>
  220.                 </div>
  221.                 {% endfor %}
  223.                 {# 旧コーディング・処理 #}
  225.                 {% else %}
  226.                     {% for CartIndex,Cart in Carts %}
  227.                         {% set cartKey = Cart.cart_key %}
  228.                         {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  229.                             <div class="ec-cartRole__error">
  230.                                 <div class="ec-alert-warning">
  231.                                     {#<div class="ec-alert-warning__icon"><img src="{{ asset('assets/img/exclamation-white.svg', 'user_data') }}"></div>#}
  232.                                     <div class="ec-alert-warning__text">
  233.                                         {{ error|trans|nl2br }}
  234.                                     </div>
  235.                                 </div>
  236.                             </div>
  237.                         {% endfor %}
  238.                     {% endfor %}
  239.                     <div class="ec-role">
  240.                         <div class="ec-off3Grid">
  241.                             <div class="ec-off3Grid__cell">
  242.                                 <div class="ec-alert-warning">
  243.                                     {#<div class="ec-alert-warning__icon"><img src="{{ asset('assets/img/exclamation-white.svg', 'user_data') }}"></div>#}
  244.                                     <div class="ec-alert-warning__text">{{ '現在カート内に商品はございません。'|trans }}</div>
  245.                                 </div>
  246.                             </div>
  247.                         </div>
  248.                     </div>
  249.                 {% endif %}
  250.                 {# 旧コーディング・処理 終わり #}
  251.     </div>    
  252. </main>
  254. {% endblock %}