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. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'cart-page' %}
  14. {% set title = 'カート' %}
  16. {% block main %}
  17. <section class="cart">
  18.   <div class="container cart__container">
  19.     <div class="cart__body inview">
  20.       <h1 class="cart__title">CART</h1>
  22.       {% if Carts is empty %}
  23.         <div class="cart__empty">
  24.           <p class="cart__empty-text">カートに商品はありません。</p>
  25.           <div class="cart__empty-btn">
  26.             <a href="{{ path('product_list') }}" class="btn -cart">商品一覧へ</a>
  27.           </div>
  28.         </div>
  29.       {% endif %}
  31.       {% for CartIndex,Cart in Carts %}
  32.         {% set cartKey = Cart.cart_key %}
  33.         {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  34.           <div class="ec-cartRole__error">
  35.             <div class="ec-alert-warning">
  36.               <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  37.               <div class="ec-alert-warning__text">
  38.                 {{ error|trans|nl2br }}
  39.               </div>
  40.             </div>
  41.           </div>
  42.         {% endfor %}
  44.         <div class="cart__content">
  45.           <dl class="cart__data">
  46.             {% for CartItem in Cart.CartItems %}
  47.               <div class="cart__data-item">
  48.                 <dt class="cart__data-title">
  49.                   {{ CartItem.ProductClass.Product.name }}
  50.                   <a href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': CartItem.ProductClass.id }) }}" {{ csrf_token_for_anchor() }}
  51.                     class="ec-icon" data-method="put" data-message="カートから商品を削除してもよろしいですか?" style="text-decoration: underline">削除
  52.                   </a>
  53.                 </dt>
  54.                 <dd class="cart__data-desc"><span>×{{ CartItem.quantity }}</span></dd>
  55.               </div>
  56.               <div class="cart__data-item">
  57.                 <dt class="cart__data-title">商品の小計</dt>
  58.                 <dd class="cart__data-desc"><span>{{ CartItem.total_price|price }}</span></dd>
  59.               </div>
  60.             {% endfor %}
  61.             <div class="cart__data-item">
  62.               <dt class="cart__data-title">配送料・サービス料</dt>
  63.               <dd class="cart__data-desc"><span>{{ Cart.delivery_fee_total|price }}円(沖縄離島除く)</span></dd>
  64.             </div>
  65.             <div class="cart__data-item" style="color: var(--color-red);">
  66.               <dt class="cart__data-title" style="font-size: 1.3rem">
  67.                 定期購入割引や送料無料特典は、この後の確認画面で割引金額が適用されます。<br>
  68.                 またクーポンコードの入力は、このまま進んでいただき、お支払い情報入力画面でお願いいたします。
  69.               </dt>
  70.             </div>
  71.             <div class="cart__data-item">
  72.               <dt class="cart__data-title">ご請求額</dt>
  73.               <dd class="cart__data-desc">
  74.                 <span>
  75.                   {{ Cart.totalPrice|price }}
  76.                   {% if Cart.delivery_fee_total > 0 %}+送料{% endif %}
  77.                 </span>
  78.               </dd>
  79.             </div>
  80.           </dl>
  81.         </div>
  83.         <div class="cart__policy">
  84.           {% if hasSubscription %}
  85.             <h2 class="cart__policy-title" style="margin-bottom: 20px">定期購入ご利用規約</h2>
  86.             <p class="cart__policy-text">
  87.               「注文を確定する」ボタンを押してご注文いただくことで、<br class="sp" />お客様は当サイトの
  88.               <a href="/subscription_terms">定期購入ご利用規約</a>
  89.               に同意の上、<br class="sp" />商品をご注文されたことになります。
  90.             </p>
  91.           {% endif %}
  92.           <h2 class="cart__policy-title">キャンセルポリシーについて</h2>
  93.           <p class="cart__policy-text">
  94.             「注文を確定する」ボタンを押してご注文いただくことで、<br
  95.               class="sp"
  96.             />お客様は当サイトの<a href="/privacy/"
  97.               >プライバシーポリシー</a
  98.             >に同意の上、<br class="sp" />商品をご注文されたことになります。
  99.           </p>
  100.           <div class="cart__policy-btn">
  101.             <a href="{{ path('cart_buystep', {'cart_key':cartKey}) }}" class="btn -cart">レジへ進む</a>
  102.           </div>
  103.         </div>
  104.       {% endfor %}
  105.     </div>
  106.   </div>
  107. </section>
  108. {% endblock %}