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

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'cart_page' %}
  5. {% block main %}
  6.   <div class="ec-registerRole">
  7.       
  8. <div class="error_other1">
  9.                   ※地金型商品は、クレジットカード決済の対象外となっております。<br>
  10.                   そのため、クレジットカード決済対象商品と同時にカートへ入れてご購入いただくことはできません。<br><br>
  12.                   誠にお手数をおかけいたしますが、地金型商品につきましては、<br>
  13.                   カード決済対象商品とは分けて、個別にご購入手続きをお願い申し上げます。
  14.                 </div>      
  15.       
  16.     <div class="kaso_h1title">
  17.       <p>Shopping Cart</p>
  18.       <h1>ショッピングカート</h1>
  19.     </div>
  21.     <div class="ec-cartRole">
  22.       <div class="ec-cartRole__progress">
  23.         <ul class="ec-progress">
  24.           {% set step = 1 %}
  25.           <li class="ec-progress__item is-complete">
  26.             <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  27.             </div>
  28.             <div class="ec-progress__label">{{ 'カートの商品'|trans }}
  29.             </div>
  30.           </li>
  31.           <li class="ec-progress__item">
  32.             <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  33.             </div>
  34.             <div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}
  35.             </div>
  36.           </li>
  37.           <li class="ec-progress__item">
  38.             <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  39.             </div>
  40.             <div class="ec-progress__label">{{ '完了'|trans }}
  41.             </div>
  42.           </li>
  43.         </ul>
  44.       </div>
  45.       {% set productStr = app.session.flashbag.get('eccube.front.request.product') %}
  46.       {% for error in app.session.flashbag.get('eccube.front.request.error') %}
  47.         {% set idx = loop.index0 %}
  48.         <div class="ec-cartRole__error">
  49.           <div class="ec-alert-warning">
  50.             <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  51.             <div class="ec-alert-warning__text">
  52.               {% if productStr[idx] is defined %}
  53.                 {{ error|trans({'%product%':productStr[idx]})|nl2br }}
  54.               {% else %}
  55.                 {{ error|trans|nl2br }}
  56.               {% endif %}
  57.             </div>
  58.           </div>
  59.         </div>
  60.       {% endfor %}
  61.       {% for error in app.session.flashbag.get('eccube.front.cart.error') %}
  62.         <div class="ec-cartRole__error">
  63.           <div class="ec-alert-warning">
  64.             <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  65.             <div class="ec-alert-warning__text">
  66.               {{ error|trans|nl2br }}
  67.             </div>
  68.           </div>
  69.         </div>
  70.       {% endfor %}
  71.       {% if totalQuantity > 0 %}
  72.         <div class="ec-cartRole__totalText">
  73.           <p>
  74.             {% if hasNegotiatedItems %}
  75.               <span style="color: #666; text-decoration: line-through;">{{ totalPrice|price }}</span><br>
  76.               {{ '商品の合計金額は「<strong style="color: #28a745;">%price%</strong>」です。'|trans({ '%price%': negotiatedTotalPrice|price })|raw }}
  77.               <span style="color: #28a745; font-size: 0.9em;"><i class="fa-solid fa-circle-check"></i> 交渉価格適用</span>
  78.             {% else %}
  79.               {{ '商品の合計金額は「<strong>%price%</strong>」です。'|trans({ '%price%': totalPrice|price })|raw }}
  80.             {% endif %}
  81.           </p>
  82.         </div>
  83.         {% if Carts|length > 1 %}
  84.           <div class="ec-cartRole__error">
  85.             <div class="ec-alert-warning">
  86.               <div class="ec-alert-warning__text">
  87.                 {{ '同時購入できない商品がカートに含まれています。'|trans|nl2br }}
  88.               </div>
  89.             </div>
  90.           </div>
  91.         {% endif %}
  92. <p id="cart_item__point_info" class="message">
  93.     ポイント制度をご利用になられる場合は、会員登録後ログインしてくださいますようお願い致します。<br>
  94.     ポイントは商品購入時に1pt＝<strong class="text-primary">¥ 1</strong>として利用することができます。<br>
  95.     ※ポイントは合計 10,000円以上のお買い物で利用することができます。
  96. </p>
  97.         <form name="form" id="form_cart" class="ec-cartRole" method="post" action="{{ url('cart') }}">
  99.           {% for CartIndex,Cart in Carts %}
  100.             {% set cartKey = Cart.cart_key %}
  101.             {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  102.               <div class="ec-cartRole__error">
  103.                 <div class="ec-alert-warning">
  104.                   <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  105.                   <div class="ec-alert-warning__text">
  106.                     {{ error|trans|nl2br }}
  107.                   </div>
  108.                 </div>
  109.               </div>
  110.             {% endfor %}
  112.             <div class="ec-cartRole__cart">
  113.               <div class="ec-cartTable">
  114.                 <ol class="ec-cartHeader">
  115.                   <li class="ec-cartHeader__label">{{ '削除'|trans }}</li>
  116.                   <li class="ec-cartHeader__label">{{ '商品内容'|trans }}</li>
  117.                   <li class="ec-cartHeader__label">{{ '数量'|trans }}</li>
  118.                   <li class="ec-cartHeader__label">{{ '小計'|trans }}</li>
  119.                 </ol>
  120.                 {% for CartItem in Cart.CartItems %}
  121.                   {% set ProductClass = CartItem.ProductClass %}
  122.                   {% set Product = ProductClass.Product %}
  123.                   <ul class="ec-cartRow">
  124.                     <li class="ec-cartRow__delColumn">
  125.                       <a
  126.                         href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }}
  127.                         class="ec-icon" data-method="put" data-message="カートから商品を削除してもよろしいですか?">
  128.                         <img src="{{ asset('assets/icon/cross.svg') }}" alt="delete">
  129.                       </a>
  130.                     </li>
  131.                     <li class="ec-cartRow__contentColumn">
  132.                       <div class="ec-cartRow__img">
  133.                         <a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}">
  134.                           <img src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}"
  135.                                alt="{{ Product.name }}"/>
  136.                         </a>
  137.                       </div>
  138.                       <div class="ec-cartRow__summary">
  139.                         <div class="ec-cartRow__name">
  140.                           <a target="_blank"
  141.                              href="{{ url('product_detail', {id : Product.id} ) }}">{{ Product.name }}</a>
  142.                           {% if ProductClass.ClassCategory1 and ProductClass.ClassCategory1.id %}
  143.                             <br>{{ ProductClass.ClassCategory1.ClassName.name }}：{{ ProductClass.ClassCategory1 }}
  144.                           {% endif %}
  145.                           {% if ProductClass.ClassCategory2 and ProductClass.ClassCategory2.id %}
  146.                             <br>{{ ProductClass.ClassCategory2.ClassName.name }}：{{ ProductClass.ClassCategory2 }}
  147.                           {% endif %}
  148.                         </div>
  149.                         {% if negotiationPrices[Product.id] is defined %}
  150.                           <div class="ec-cartRow__unitPrice" style="font-weight: bold; color: #28a745;">
  151.                             <i class="fa-solid fa-circle-check"></i> 価格交渉成立<br>
  152.                             <span style="color: #666; text-decoration: line-through;">{{ CartItem.price|price }}</span><br>
  153.                             <span style="color: #28a745;">交渉価格：{{ negotiationPrices[Product.id]|price }}</span>
  154.                           </div>
  155.                           <div class="ec-cartRow__sutbtotalSP">
  156.                             {{ '小計：'|trans }}<span style="color: #666; text-decoration: line-through;">{{ CartItem.total_price|price }}</span><br>
  157.                             <span style="color: #28a745; font-weight: bold;">→ {{ negotiatedSubtotals[Product.id]|price }}</span>
  158.                           </div>
  159.                         {% else %}
  160.                           <div class="ec-cartRow__unitPrice">{{ CartItem.price|price }}</div>
  161.                           <div class="ec-cartRow__sutbtotalSP">{{ '小計：'|trans }}{{ CartItem.total_price|price }}</div>
  162.                         {% endif %}
  163.                       </div>
  164.                     </li>
  165.                     <li class="ec-cartRow__amountColumn">
  166.                       <div class="ec-cartRow__amount">{{ CartItem.quantity|number_format }}</div>
  167.                       <div class="ec-cartRow__amountSP">{{ '数量：'|trans }}{{ CartItem.quantity|number_format }}</div>
  168.                       <div class="ec-cartRow__amountUpDown">
  169.                         {% if CartItem.quantity > 1 %}
  170.                           <a
  171.                             href="{{ url('cart_handle_item', {'operation': 'down', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }}
  172.                             class="ec-cartRow__amountDownButton load-overlay" data-method="put" data-confirm="false">
  173.                             <span class="ec-cartRow__amountDownButton__icon"><img
  174.                                 src="{{ asset('assets/icon/minus-dark.svg') }}" alt="reduce"></span>
  175.                           </a>
  176.                         {% else %}
  177.                           <div class="ec-cartRow__amountDownButtonDisabled">
  178.                             <span class="ec-cartRow__amountDownButton__icon"><img
  179.                                 src="{{ asset('assets/icon/minus.svg') }}" alt="reduce"></span>
  180.                           </div>
  181.                         {% endif %}
  182.                         <a
  183.                           href="{{ url('cart_handle_item', {'operation': 'up', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }}
  184.                           class="ec-cartRow__amountUpButton load-overlay" data-method="put" data-confirm="false">
  185.                           <span class="ec-cartRow__amountUpButton__icon"><img
  186.                               src="{{ asset('assets/icon/plus-dark.svg') }}" alt="increase"></span>
  187.                         </a>
  188.                       </div>
  189.                     </li>
  190.                     <li class="ec-cartRow__subtotalColumn">
  191.                       {% if negotiationPrices[Product.id] is defined %}
  192.                         <div class="ec-cartRow__sutbtotal">
  193.                           <span style="color: #666; text-decoration: line-through; font-size: 0.9em;">{{ CartItem.total_price|price }}</span><br>
  194.                           <span style="color: #28a745; font-weight: bold;">{{ negotiatedSubtotals[Product.id]|price }}</span>
  195.                         </div>
  196.                       {% else %}
  197.                         <div class="ec-cartRow__sutbtotal">{{ CartItem.total_price|price }}</div>
  198.                       {% endif %}
  199.                     </li>
  200.                   </ul>
  201.                 {% endfor %}
  202.               </div>
  203.             </div>
  204.             <div class="ec-cartRole__progress">
  205.               {% if BaseInfo.delivery_free_amount and BaseInfo.delivery_free_quantity %}
  206.                 <br/>
  207.                 {% if is_delivery_free[cartKey] %}
  208.                   {{ '現在送料無料です。'|trans }}
  209.                 {% else %}
  210.                   {{ 'あと「<strong>%price%</strong>」または「<strong>%quantity%個</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%price%': least[cartKey]|price, '%quantity%': quantity[cartKey]|number_format })|raw }}
  211.                 {% endif %}
  212.               {% elseif BaseInfo.delivery_free_amount %}
  213.                 <br/>
  214.                 {% if is_delivery_free[cartKey] %}
  215.                   {{ '現在送料無料です。'|trans }}
  216.                 {% else %}
  217.                   {{ 'あと「<strong>%price%</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%price%': least[cartKey]|price })|raw }}
  218.                 {% endif %}
  219.               {% elseif BaseInfo.delivery_free_quantity %}
  220.                 <br/>
  221.                 {% if is_delivery_free[cartKey] %}
  222.                   {{ '現在送料無料です。'|trans }}
  223.                 {% else %}
  224.                   {{ 'あと「<strong>%quantity%個</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%quantity%': quantity[cartKey]|number_format })|raw }}
  225.                 {% endif %}
  226.               {% endif %}
  227.             </div>
  228.             <div class="ec-cartRole__actions">
  229.               <div class="ec-cartRole__total">
  230.                 {% if hasNegotiatedItems and negotiatedCartTotals[cartKey] is defined and negotiatedCartTotals[cartKey] != Cart.totalPrice %}
  231.                   {{ '合計：'|trans }}<span style="color: #666; text-decoration: line-through; font-size: 0.9em;">{{ Cart.totalPrice|price }}</span><br>
  232.                   <span class="ec-cartRole__totalAmount" style="color: #28a745;">
  233.                     <i class="fa-solid fa-circle-check"></i> {{ negotiatedCartTotals[cartKey]|price }}
  234.                   </span>
  235.                 {% else %}
  236.                   {{ '合計：'|trans }}<span class="ec-cartRole__totalAmount">{{ Cart.totalPrice|price }}</span>
  237.                 {% endif %}
  238.               </div>
  239.               <a class="ec-blockBtn--action"
  240.                  href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">{{ 'レジに進む'|trans }}</a>
  241.               {% if loop.last %}
  242.                 {% if app.session.get('header_footer_layout') == 'plaza' %}
  243.                   <a class="ec-blockBtn--cancel"
  244.                      href="{{ path('plaza_product_list') }}">{{ 'お買い物を続ける'|trans }}</a>
  245.                 {% else %}
  246.                   <a class="ec-blockBtn--cancel" href="{{ path('homepage') }}">{{ 'お買い物を続ける'|trans }}</a>
  247.                 {% endif %}
  248.               {% endif %}
  249.             </div>
  250.           {% endfor %}
  251.         </form>
  252.       {% else %}
  253.         {% for CartIndex,Cart in Carts %}
  254.           {% set cartKey = Cart.cart_key %}
  255.           {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  256.             <div class="ec-cartRole__error">
  257.               <div class="ec-alert-warning">
  258.                 <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  259.                 <div class="ec-alert-warning__text">
  260.                   {{ error|trans|nl2br }}
  261.                 </div>
  262.               </div>
  263.             </div>
  264.           {% endfor %}
  265.         {% endfor %}
  266.         <div class="ec-role">
  267.           <div class="ec-off3Grid">
  268.             <div class="ec-off3Grid__cell">
  269.               <div class="ec-alert-warning">
  270.                 <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  271.                 <div class="ec-alert-warning__text">{{ '現在カート内に商品はございません。'|trans }}</div>
  272.               </div>
  273.             </div>
  274.           </div>
  275.         </div>
  276.       {% endif %}
  277.     </div>
  278.   </div>
  279. {% endblock %}