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

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block stylesheet %}
  4. {% endblock %}
  6. {% block main %}
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. <meta charset="UTF-8">
  12. {# ▼ ブロック：DispHtag ▼ #}
  13. {{ include('Block/DispHtag.twig') }}
  14. {# ▲ ブロック：DispHtag ▲ #}
  15. <title>ベースボール・マガジン社　BBM＠BOOK CART</title>
  16. <meta name="description" content="ベースボール・マガジン社が運営する総合スポーツサイト。ベースボール・マガジン社発行の書籍・雑誌・スポーツカードなどの新着情報、各競技の技術情報や専門家によるコラムなど、スポーツファンを応援する情報が満載です。">
  17. <meta name="keywords" content="ベースボールマガジン社,BBM">
  18. {# ▼ ブロック：DispHead ▼ #}
  19. {{ include('Block/DispHead.twig') }}
  20. {# ▲ ブロック：DispHead ▲ #}
  21. </head>
  23. <body id="pagetop" class="top">
  25. {# ▼ ブロック：DispBtag ▼ #}
  26. {{ include('Block/DispBtag.twig') }}
  27. {# ▲ ブロック：DispBtag ▲ #}
  29. {# ▼ ブロック：DispHeader ▼ #}
  30. {{ include('Block/DispHeaderTeiki2.twig') }}
  31. {# ▲ ブロック：DispHeader ▲ #}
  32.     <br>
  33.     <div style="width:1000px; margin:0 auto;">
  34.         <h2 class="title">現在のカゴの中</h2>
  36.         {% if totalQuantity > 0 %}
  37.             <div>
  38.                 <p>カゴの中の商品の合計金額は{{ totalPrice|number_format }}円です。</p>
  40.                 {% for CartIndex,Cart in Carts %}
  41.                     {% set cartKey = Cart.cart_key %}
  42.                     <table style="width: 100%; border-collapse: collapse; border: 1px solid #b9b9b9;">
  43.                         <col width="10%" />
  44.                         <col width="15%" />
  45.                         <col width="30%" />
  46.                         <col width="15%" />
  47.                         <col width="15%" />
  48.                         <col width="15%" />
  49.                         <tr style="border: 1px solid #b9b9b9;">
  50.                             <th align="center" style="border: 1px solid #b9b9b9;">削除</th>
  51.                             <th align="center" style="border: 1px solid #b9b9b9;">商品写真</th>
  52.                             <th align="center" style="border: 1px solid #b9b9b9;">商品名</th>
  53.                             <th align="center" style="border: 1px solid #b9b9b9;">単価</th>
  54.                             <th align="center" style="border: 1px solid #b9b9b9;">数量</th>
  55.                             <th align="center" style="border: 1px solid #b9b9b9;">小計</th>
  56.                         </tr>
  57.                         {% for CartItem in Cart.CartItems %}
  58.                             {% set ProductClass = CartItem.ProductClass %}
  59.                             {% set Product = ProductClass.Product %}
  60.                             <tr style="border: 1px solid #b9b9b9;">
  61.                                 <td align="center" style="border: 1px solid #b9b9b9;">
  62.                                     <a href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} class="ec-icon" data-method="put" data-message="カートから商品を削除してもよろしいですか?">
  63.                                         削除
  64.                                     </a>
  65.                                 </td>
  66.                                 <td align="center" style="border: 1px solid #b9b9b9;">
  67.                                     <a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}">
  68.                                         <img src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}" alt="{{ Product.name }}" style="width:100px;"/>
  69.                                     </a>
  70.                                 </td>
  71.                                 <td style="border: 1px solid #b9b9b9;">
  72.                                     <a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}">{{ Product.name }}</a>
  73.                                     {% if ProductClass.ClassCategory1 and ProductClass.ClassCategory1.id %}
  74.                                         <br>{{ ProductClass.ClassCategory1.ClassName.name }}：{{ ProductClass.ClassCategory1 }}
  75.                                     {% endif %}
  76.                                     {% if ProductClass.ClassCategory2 and ProductClass.ClassCategory2.id %}
  77.                                         <br>{{ ProductClass.ClassCategory2.ClassName.name }}：{{ ProductClass.ClassCategory2 }}
  78.                                     {% endif %}
  79.                                 </td>
  80.                                 <td align="right" style="border: 1px solid #b9b9b9;">
  81.                                     {{ CartItem.price|number_format }}円
  82.                                 </td>
  83.                                 <td align="center" style="border: 1px solid #b9b9b9;">
  84.                                     <p class="mb5">{{ CartItem.quantity|number_format }}<p>
  85.                                     <ul id="quantity_level">
  86.                                         <li class="mb5">
  87.                                             <a href="{{ url('cart_handle_item', {'operation': 'up', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }} class="ec-cartRow__amountUpButton load-overlay" data-method="put" data-confirm="false">
  88.                                                 <span class="ec-cartRow__amountUpButton__icon"><img src="{{ asset('common_img/button/btn_plus.jpg', 'user_data') }}" alt="increase" style="width:15px;"></span>
  89.                                             </a>
  90.                                         </li>
  91.                                         {% if CartItem.quantity > 1 %}
  92.                                             <li>
  93.                                                 <a href="{{ url('cart_handle_item', {'operation': 'down', 'productClassId': ProductClass.id}) }}" {{ csrf_token_for_anchor() }} class="ec-cartRow__amountDownButton load-overlay" data-method="put" data-confirm="false">
  94.                                                     <span class="ec-cartRow__amountDownButton__icon"><img src="{{ asset('common_img/button/btn_minus.jpg', 'user_data') }}" alt="reduce" style="width:15px;"></span>
  95.                                                 </a>
  96.                                             </li>
  97.                                         {% else %}
  98.                                             <li>
  99.                                             </li>
  100.                                         {% endif %}
  101.                                     </ul>
  102.                                 </td>
  103.                                 <td align="right" style="border: 1px solid #b9b9b9;">{{ CartItem.total_price|number_format }}円</td>
  104.                             </tr>
  105.                         {% endfor %}
  106.                         <tr style="border: 1px solid #b9b9b9;">
  107.                             <th colspan="5" align="right">合計</th>
  108.                             <td align="right" style="border: 1px solid #b9b9b9;"><span class="price">{{ Cart.totalPrice|number_format }}円</span></td>
  109.                         </tr>
  110.                     </table>
  111.                     <CENTER>上記内容でよろしければ「購入手続きへ」ボタンをクリックしてください。</CENTER>
  113.                     <div class="btn_area align_c mt30">
  114.                         <ul>
  115.                             <li class="mb10">
  116.                                 <a href="{{ url('bookcart') }}">
  117.                                     <img class="hover_change_image" src="{{ asset('common_img/button/btn_back.jpg', 'user_data') }}" alt="戻る" />
  118.                                 </a>
  119.                             </li>
  120.                               <li>
  121.                                 <a href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">
  122.                                     <img class="hover_change_image" src="{{ asset('common_img/button/btn_buystep.jpg', 'user_data') }}" alt="購入手続きへ" />
  123.                                 </a>
  124.                             </li>
  125.                         </ul>
  126.                     </div>
  128.                 {% endfor %}
  130.             </div>
  131.        {% else %}
  132.             <p class="empty"><span class="attention">※ 現在カート内に商品はございません。</span></p>
  133.         {% endif %}
  134.     </div>
  136. {# ▼ ブロック：DispFooter ▼ #}
  137. {{ include('Block/DispFooter.twig') }}
  138. {# ▲ ブロック：DispFooter ▲ #}
  140. {# ▼ ブロック：DispFtag ▼ #}
  141. {{ include('Block/DispFtag.twig') }}
  142. {# ▲ ブロック：DispFtag ▲ #}
  144. </body>
  145. </html>
  146. {% endblock %}
  147. {# ▲ main ▲ #}