app/template/default/Block/cart.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. <style>
  12. /*全てに適用*/    
  13. /*ウィンドウ幅が767px以上の場合に適用*/
  14. @media screen and (min-width: 767px) { 
  16. }    
  17.     
  18.     
  19.     }
  20. /*ウィンドウ幅が最大767pxまでの場合に適用*/
  21. @media screen and (max-width: 767px) { 
  23.     }
  24.     
  25. </style>
  28. {% set Carts = get_all_carts() %}
  29. {% set totalPrice = get_carts_total_price() %}
  30. {% set totalQuantity = get_carts_total_quantity() %}
  31. <div class="ec-cartNaviWrap">
  32.     <div class="ec-cartNavi">
  33.         <i class="ec-cartNavi__icon fas fa-shopping-cart">
  34.             <span class="ec-cartNavi__badge">{{ totalQuantity|number_format }}</span>
  35.         </i>
  36.         <div class="ec-cartNavi__label">
  37.             <div class="ec-cartNavi__price">{{ totalPrice|price }}</div>
  38.         </div>
  39.     </div>
  40.     
  41.     {#{% if totalQuantity > 0 %}#}
  42.     {#    <div class="ec-cartNaviIsset">#}
  43.     {#        {% for Cart in Carts %}#}
  44.     {#            {% for CartItem in Cart.CartItems %}#}
  45.     {#                {% set ProductClass = CartItem.ProductClass %}#}
  46.     {#                {% set Product = ProductClass.Product %}#}
  47.     {#                <div class="ec-cartNaviIsset__cart">#}
  48.     {#                    <div class="ec-cartNaviIsset__cartImage">#}
  49.     {#                        <img src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}" alt="{{ Product.name }}">#}
  50.     {#                    </div>#}
  51.     {#                    <div class="ec-cartNaviIsset__cartContent">#}
  52.     {#                        <div class="ec-cartNaviIsset__cartContentTitle">{{ Product.name }}#}
  53.     {#                            <div class="ec-font-size-1">#}
  54.     {#                                {% if ProductClass.ClassCategory1 and ProductClass.ClassCategory1.id %}#}
  55.     {#                                    {{ ProductClass.ClassCategory1.ClassName.name }}：{{ ProductClass.ClassCategory1 }}#}
  56.     {#                                {% endif %}#}
  57.     {#                                {% if ProductClass.ClassCategory2 and ProductClass.ClassCategory2.id %}#}
  58.     {#                                    <br>{{ ProductClass.ClassCategory2.ClassName.name }}：{{ ProductClass.ClassCategory2 }}#}
  59.     {#                                {% endif %}#}
  60.     {#                            </div>#}
  61.     {#                        </div>#}
  62.     {#                        <div class="ec-cartNaviIsset__cartContentPrice">#}
  63.     {#                            {{ CartItem.price|price }}#}
  64.     {#                            <div class="ec-cartNaviIsset__cartContentTax">{{ '税込'|trans }}</div>#}
  65.     {#                        </div>#}
  66.     {#                        <div class="ec-cartNaviIsset__cartContentNumber">{{ '数量'|trans }} {{ CartItem.quantity|number_format }}</div>#}
  67.     {#                    </div>#}
  68.     {#                </div>#}
  69.     {#            {% endfor %}#}
  70.     {#        {% endfor %}#}
  71.     {#        <div class="ec-cartNaviIsset__action">#}
  72.     {#            <a class="ec-blockBtn--action" href="{{ url('cart') }}">{{ 'カートへ進む'|trans }}</a>#}
  73.     {#            <a class="ec-blockBtn ec-cartNavi--cancel">{{ 'キャンセル'|trans }}</a>#}
  74.     {#        </div>#}
  75.     {#    </div>#}
  76.     {#{% else %}#}
  77.     {#    <div class="ec-cartNaviNull">#}
  78.     {#        <div class="ec-cartNaviNull__message">#}
  79.     {#            <p>{{ '現在カート内に商品はございません。'|trans }}</p>#}
  80.     {#        </div>#}
  81.     {#    </div>#}
  82.     {#{% endif %}#}
  83. </div>