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

Open in your IDE?
  1. {# @version  EC=CUBE4.1 TWIG
  2.  # @copyright 株式会社 翔 kakeru.co.jp
  3.  # @author
  4.  # 2022年05月11日作成
  5.  #
  6.  # app/template/default/Cart/index.twig
  7.  #
  8.  #　202210修正
  9.  #
  10.  # カート LM仕様
  11.  #　1 SKUの追加　カラーの変更　サイズの変更　数量の変更　SKUの削除　
  12.  #　
  13.  #
  14.  #                                                  ≡≡≡┏(＾o＾)┛
  15.  ############################################################# #}
  16. {% extends 'default_frame.twig' %}
  17. {% block stylesheet %}
  18.     <link rel="stylesheet" href="/stylesheets/cart_step.css?20250715_01">
  19.     {% if isMobile %}
  20.         <link rel="stylesheet" href="/stylesheets/sp/shopping/cart_step1.css?20231004">
  21.     {% endif %}
  22. {% endblock %}
  24. {% block javascript %}
  25.     <script>
  26.         var num = 1;
  27.         var count = 0;
  29.         $(function () {
  30.             $('.pc .CartItem_color').each(function (i, e) {
  31.                 ChangeColor(e);
  32.             });
  33.             $(document).on('change', '.pc .CartItem_color', function () {
  34.                 var parentElement = $(this).parent();
  35.                 var sessionKey = parentElement.data('session-key');
  36.                 ChangeColor(this);
  37.                 LoadSizePullDown(this);
  38.                 LineAddAlert(sessionKey);
  39.             });
  40.             $(document).on('change', '.js .CartItem_color', function () {
  41.                 var parentElement = $(this).parent();
  42.                 var sessionKey = parentElement.data('session-key');
  43.                 ChangeColor(this);
  44.                 LoadSizePullDown(this);
  45.                 LineAddAlert(sessionKey);
  46.             });
  47.             $(document).on('change', '.pc .CartItem_size', function () {
  48.                 //
  49.                 var parentElement = $(this).parent();
  50.                 var sessionKey = parentElement.data('session-key');
  51.                 //
  52.                 const size = this;
  53.                 const color = $(size).closest('.cart-row').find('select.CartItem_color').get(0);
  54.                 //
  55.                 LoadStockLabel(color, size);
  56.                 LoadColorPullDown(this);
  57.                 //
  58.                 LineAddAlert(sessionKey);
  59.             });
  60.             $(document).on('change', '.js .CartItem_size', function () {
  61.                 //
  62.                 var parentElement = $(this).parent();
  63.                 var sessionKey = parentElement.data('session-key');
  64.                 //
  65.                 const size = this;
  66.                 const color = $(size).closest('.cart-row').find('select.CartItem_color').get(0);
  67.                 //
  68.                 LoadStockLabel(color, size);
  69.                 //
  70.                 LineAddAlert(sessionKey);
  71.                 LoadColorPullDown(this);
  72.             });
  73.             $(document).on('change', '.pc .CartItem_quantity', function () {
  74.                 var parentElement = $(this).parent();
  75.                 var sessionKey = parentElement.data('session-key');
  76.                 LineAddAlert(sessionKey);
  77.             });
  78.             $(document).on('change', '.js .CartItem_quantity', function () {
  79.                 var parentElement = $(this).parent();
  80.                 var sessionKey = parentElement.data('session-key');
  81.                 LineAddAlert(sessionKey);
  82.             });
  83.             $('.sp .CartItem_quantity').change(function () {
  84.                 ItemSubMit();
  85.             });
  86.             $('.sp .CartItem_size').change(function () {
  87.                 ItemSubMit();
  88.             });
  89.             $('.sp .CartItem_color').change(function () {
  90.                 ItemSubMit();
  91.             }).each(function (i, e) {
  92.                 ChangeColor(e);
  93.             });
  94.         });
  96.         function ChangeColor(colorSelect) {
  97.             var selectedColor = $(colorSelect).find('option:selected').data('rgb');
  98.             $(colorSelect).closest('.color').find('.item_rgb').css('color', selectedColor);
  99.         }
  101.         function LoadSizePullDown(color) {
  102.             //
  103.             const $color = $(color);
  104.             //
  105.             const ItemId = $color.data('itemId');
  106.             const ProductId = $color.data('productId');
  107.             const ClassCategory2Id = $('#CartItem_size_' + ItemId).val();
  108.             const ClassCategory1Id = $color.val();
  109.             const EstimateId = $color.data('estimateId');
  110.             //
  111.             const data = {
  112.                 ItemId,
  113.                 ProductId,
  114.                 ClassCategory2Id,
  115.                 ClassCategory1Id,
  116.                 EstimateId,
  117.             };
  119.             //
  120.             const $size = $('#CartItem_size_' + ItemId)
  121.                 .prop('disabled', true)
  122.                 .load('{{ url('ajax_show-goods-size-list-pull-down-by-color') }}', data, function (responseText) {
  123.                     $(this).prop('disabled', false);
  124.                     //
  125.                     LoadStockLabel(color, this);
  126.                 })
  127.             ;
  128.         }
  130.         function LoadColorPullDown(size) {
  131.             //
  132.             const $size = $(size);
  133.             //
  134.             const ItemId = $size.data('itemId');
  135.             const ProductId = $size.data('productId');
  136.             const ClassCategory1Id = $('#CartItem_color_' + ItemId).val();
  137.             const ClassCategory2Id = $size.val();
  138.             const EstimateId = $size.data('estimateId');
  139.             //
  140.             const data = {
  141.                 ItemId,
  142.                 ProductId,
  143.                 ClassCategory2Id,
  144.                 ClassCategory1Id,
  145.                 EstimateId,
  146.             };
  147.             //
  148.             const $color = $('#CartItem_color_' + ItemId)
  149.                 .prop('disabled', true)
  150.                 .load('{{ url('ajax_show-goods-color-list-pull-down-by-size') }}', data, function (responseText) {
  151.                     $(this).prop('disabled', false);
  152.             });
  153.         }
  155.         function LoadStockLabel(color, size) {
  156.             //
  157.             removeDisableOption();
  158.             const $color = $(color);
  159.             const $size = $(size);
  160.             const ProductId = $color.data('productId');
  161.             const ClassCategory1Id = $color.val();
  162.             const ClassCategory2Id = $size.val();
  163.             //
  164.             const $stockLabel = $color.closest('.cart-row').find('.stock-label');
  165.             const url = $color.parent().data('url') ? $color.parent().data('url') : $color.data('url');
  166.             $.ajax({
  167.                 url: '{{ url('ajax_show-stock-label') }}',
  168.                 method: 'POST',
  169.                 data: {
  170.                     ProductId,
  171.                     ClassCategory1Id,
  172.                     ClassCategory2Id
  173.                 },
  174.                 success: function (response, xhr) {
  175.                     $stockLabel.html(response);
  176.                 },
  177.                 error: function (xhr) {
  178.                     if (xhr.status === 500) {
  179.                         if(url){
  180.                         }
  181.                     }
  182.                 }
  183.             });
  184.             disableOption();
  185.         }
  187.         function disableOption(){
  188.             $(".CartItem_color option").each(function () {
  189.                 if ($(this).data("wasDisabled")) {
  190.                     $(this).prop("disabled", true);
  191.                 }
  192.             });
  194.             $(".CartItem_size option").each(function () {
  195.                 if ($(this).data("wasDisabled")) {
  196.                     $(this).prop("disabled", true);
  197.                 }
  198.             });
  199.         }
  201.         function removeDisableOption(){
  202.             $(".CartItem_color option").each(function () {
  203.                 $(this).data("wasDisabled", $(this).prop("disabled"));
  204.             });
  205.             $(".CartItem_size option").each(function () {
  206.                 $(this).data("wasDisabled", $(this).prop("disabled"));
  207.             });
  208.             $(".CartItem_color option:disabled").prop("disabled", false);
  209.             $(".CartItem_size option:disabled").prop("disabled", false);
  210.         }
  212.         function RemoveItem(id) {
  213.             if (!confirm('{{ 'front.cart_item_remove'|trans }}')) {
  214.                 return false;
  215.             }
  216.             document.getElementById("overlay").style.display = "block";
  217.             window.location.href = '{{ url('remove_cart_item', {'mode': 'item', 'Token': OlToken('RemoveCartItme')}) }}/' + id;
  218.         }
  220.         function RemoveCart(sessionKey) {
  221.             if (!confirm('{{ 'front.cart_item_remove'|trans }}')) {
  222.                 return false;
  223.             }
  225.             location.href = '{{ url("remove_cart_item", { mode: "all" }) }}'
  226.         }
  228.         function AddCartItem(productItemKey) {
  229.             var hiddenCartItem = $('.cart-row[data-line="' + productItemKey + '"]').last();
  230.             var currentCartItem = $('.cart-row[data-line="' + productItemKey + '"]:last').prev();
  231.             var nextIndex = currentCartItem.data('current-index') + 1;
  232.             var estimateId = hiddenCartItem.data('estimate-id');
  233.             var productId = hiddenCartItem.data('product-id');
  234.             var cartItemId = hiddenCartItem.data('cart-item-id');
  235.             var classCategory1Id = hiddenCartItem.data('category1-id');
  236.             var classCategory2Id = hiddenCartItem.data('category2-id');
  238.             var newCartItem = hiddenCartItem.clone()
  239.                 .removeClass('new-cart-item')
  240.                 .data('current-index', nextIndex)
  241.                 .insertBefore(hiddenCartItem)
  242.             ;
  244.             var newError = newCartItem.find('.error')
  245.                 .attr('id', `CartError_${estimateId}-${productId}-${nextIndex}`)
  246.             ;
  248.             var itemSize = newCartItem.find('.CartItem_size')
  249.                 .attr('name', `CartItem[${estimateId}][${estimateId}-${productId}-${nextIndex}][size]`)
  250.                 .attr('id', `CartItem_size_${estimateId}-${productId}-${nextIndex}`)
  251.                 .data('item-id', `${estimateId}-${productId}-${nextIndex}`)
  252.                 .val(currentCartItem.find('.CartItem_size  option:selected').val())
  253.             ;
  254.             var itemColor = newCartItem.find('.CartItem_color')
  255.                 .attr('name', `CartItem[${estimateId}][${estimateId}-${productId}-${nextIndex}][color]`)
  256.                 .attr('id', `CartItem_color_${estimateId}-${productId}-${nextIndex}`)
  257.                 .data('item-id', `${estimateId}-${productId}-${nextIndex}`)
  258.                 .attr('data-url', $('.cart-row[data-line="' + productItemKey + '"]').data('url'))
  259.                 .val(currentCartItem.find('.CartItem_color  option:selected').val())
  260.                 .trigger('change')
  261.             ;
  262.             var itemQuantity = newCartItem.find('.CartItem_quantity')
  263.                 .attr('name', `CartItem[${estimateId}][${estimateId}-${productId}-${nextIndex}][quantity]`)
  264.                 .attr('id', `CartItem_quantity_${estimateId}-${productId}-${nextIndex}`)
  265.                 .data('item-id', `${estimateId}-${productId}-${nextIndex}`)
  266.                 .val('')
  267.             ;
  268.         }
  270.         function SetLinAddRe(num) {
  272.             var title = '{{ 'front.cart_item_button01'|trans }}';
  273.             var dl = 'div#line_add_' + num + ' dl';
  274.             var dt = 'div#line_add_' + num + ' dt';
  275.             var dd = 'div#line_add_' + num + ' dd';
  277.             if ('none' == $(dd).css('display')) {
  278.                 $(dl).css('display', 'inline-block');
  279.                 if ($('body').width() < 768) {
  280.                     $(dt).css('display', 'inline-block');
  281.                 }
  282.                 $(dd).css('display', 'inline-block');
  283.                 title = '{{ 'front.cart_item_button03'|trans }}';
  284.             } else {
  285.                 if ($('body').width() <= 768) {
  286.                     $(dl).hide();
  287.                 }
  288.                 $(dt).hide();
  289.                 $(dd).hide();
  290.                 $('input#line_add_' + num).val('');
  291.                 $('td.line_add .error').text('');
  292.             }
  293.             $('button#line_add_button_' + num).text(title);
  294.         }
  296.         function ItemSubMit(e) {
  297.             removeDisableOption();
  298.             //
  299.             const sessionKey = $(e).closest('[data-session-key]').data('sessionKey');
  300.             var $form = $('form#form_cart');
  301.             document.getElementById("overlay").style.display = "block";
  302.             //
  303.             $('.cart-row.js:not(.new-cart-item) .CartItem_quantity').filter(function () {
  304.                 return !this.value;
  305.             }).each(function () {
  306.                 $(this).closest('.cart-row.js').remove();
  307.             })
  308.             //
  309.             $.ajax({
  310.                 url: '{{ url('add_line') }}',
  311.                 type: 'POST',
  312.                 data: $form.serialize(),
  313.                 dataType: 'json'
  314.             }).done(function (data) {
  315.                 if (data.status == 'Error') {
  316.                     $('#OlToken').val(data.OlToken);
  317.                     DispError(data.Errors, sessionKey);
  318.                 }
  319.             }).fail(function (jqXHR, Status) {
  320.                 $('#allError01').text('{{ 'front.Error'|trans }}');
  321.                 $('#allError02').text('{{ 'front.Submit.Error'|trans }}');
  322.             }).always(function (data) {
  323.                 if (data.status == 'OK') {
  324.                     window.location.href = '{{ url('cart') }}';
  325.                 }
  326.                 document.getElementById("overlay").style.display = "none";
  328.                 //
  329.                 disableOption();
  330.             });
  331.         }
  333.         function DispError(Errors, sessionKey) {
  334.             $('p.error').text('');
  335.             Errors.forEach(function (Error, i) {
  336.                 if ([14].indexOf(Error.errid) >= 0) {
  337.                     //
  338.                     LineAddAlert(sessionKey, true)
  339.                     //
  340.                     return;
  341.                 }
  342.                 $('#allError01').text('{{ 'front.Error'|trans }}');
  344.                 if (0 == Error.class_id) {
  345.                     $('#allError02').text(Error.message);
  346.                 } else {
  347.                     if (8 == Error.errid) {
  348.                         $('.Quantity_' + Error.class_id).each(function (i, e) {
  349.                             if (0 == $(e).val()) {
  350.                                 var ItemId = $(e).data('item_id');
  352.                                 $('#CartError_' + ItemId).text(Error.message);
  353.                             }
  354.                         });
  355.                     } else {
  356.                         $('.CartError_' + Error.class_id).text(Error.message);
  357.                         $('#CartError_' + Error.class_id).text(Error.message);
  358.                     }
  359.                 }
  360.                 if (Error.add_lines) {
  361.                     Error.add_lines.forEach(function (Addline) {
  362.                         $('#CartError_' + Addline).text(Error.message);
  363.                     });
  364.                 }
  365.             });
  366.         }
  368.         function HybridSubmit(EstimateID, CartItemId) {
  370.             url = '{{ url('estimate') }}' + EstimateID;
  371.             $('#Hybrid_Cart_Item_Ids').val(CartItemId);
  372.             $('#form_cart').attr('action', url);
  373.             $('#form_cart').submit();
  374.         }
  375.         {# レスポンシブ時不要s #}
  376.         function LineAddAlert(sessionKey, hide) {
  377.             if (hide) {
  378.                 $('#line_add_alert.' + sessionKey + ' span').hide();
  379.                 $('.cart-footer .right_btn').remove('disabledBtn');
  380.             } else {
  381.                 $('#line_add_alert.' + sessionKey + ' span').show();
  382.                 $('.cart-footer .right_btn').addClass('disabledBtn');
  383.             }
  384.         }
  385.         $('.sp.button-group .next_btn,.cart-footer .right_btn').on('click',function (e){
  386.             if($(this).hasClass('disabledBtn')){
  387.                 e.preventDefault();
  388.             }
  389.         });
  390.         $('button[id^="mitsumoriBtn"]').on('click', function () {
  391.             var winOpen;
  392.             if (!winOpen || winOpen.closed) {
  393.                 winOpen = window.open('', 'mitsuWin', 'width=800,height=600,resizable=no,scrollbars=yes,location=yes,menubar=yes,status=yes,titlebar=yes,toolbar=yes');
  394.             }
  395.             var form = $('<form/>', {
  396.                 action: "{{ url('mitsumori') }}?t=3",
  397.                 method: 'post',
  398.                 name: 'form02',
  399.                 target: 'mitsuWin'
  400.             });
  401.             $.each($("#form01").serializeArray(), function (key, val) {
  402.                 form.append($('<input/>', {type: 'hidden', "name": val.name, "value": val.value}));
  403.             });
  404.             form.appendTo(document.body);
  405.             form.submit();
  406.             return false;
  407.         });
  408.     </script>
  409. {% endblock %}
  411. {% block main %}
  412.     <style>
  413.         .sp.button-group .disabledBtn,
  414.         .cart-footer .group-button .disabledBtn .right-btn{
  415.             background-color: #e1e1e1 !important;
  416.             border: 1px solid #e1e1e1 !important;
  417.         }
  418.         .blink {
  419.             animation: blinking .75s ease-in-out infinite alternate;
  420.         }
  421.         @keyframes blinking {
  422.             0% {opacity: 0;}
  423.             100% {opacity: 1;}
  424.         }
  425.     </style>
  426.     <div id="overlay">
  427.         <div id="overlay-text">処理中。。。</div>
  428.     </div>
  429.     {% if isMobile %}
  430.         <div class="sp wrapper-block-normal">
  431.             <div class="step d-flex flex-center">
  432.                 {% if LmCartType() == 3 %}
  433.                     <img src="https://img0.land-mark.biz/ut_img/public_images/order/flow7.gif" style="max-width: 80%;" alt="カートの商品"/>
  434.                 {% else %}
  435.                     {{ include('Cart/Parts/Step.twig') }}
  436.                 {% endif %}
  437.             </div>
  439.             {% set nextStep = app.user ? 'shopping' : 'shopping_entry' %}
  441.             <div class="ec-cartRole__error">
  442.                 {% for error in app.session.flashbag.get('eccube.front.cart.request.error') %}
  443.                     <div class="ec-alert-warning">
  444.                         <div class="ec-alert-warning__icon">
  445.                             <img src="{{ asset('assets/icon/exclamation-white.svg') }}">
  446.                         </div>
  447.                         <div class="ec-alert-warning__text">
  448.                             {{ error|trans|nl2br }}
  449.                         </div>
  450.                     </div>
  451.                 {% endfor %}
  452.             </div>
  454.             {% if totalQuantity > 0 %}
  455.                 <div class="remaining">入力完了まで：約２分(目安)</div>
  456.                 <div class="title-cart-contents">カートの中身</div>
  457.                 <div id="bodyContentRegular" style="width: 100%">
  458.                     <form name="form" id="form_cart" class="lm-cartRole" method="post" action="{{ url('cart') }}">
  459.                         <input type="hidden" name="OlToken" id="OlToken" value="{{ OlToken('matrix') }}">
  460.                         <input type="hidden" name="Hybrid[cart_item_id]" id="Hybrid_Cart_Item_Ids" value="">
  461.                         {% for CartIndex,Cart in Carts %}
  462.                             <div id="top_btn" class="sp button-group">
  463.                                 <a class="botton back_btn" href="{{ CartBackBtn() }}">
  464.                                     {{ GetCartBackBtnText() }}
  465.                                 </a>
  466.                                 <a
  467.                                     id="next_btn"
  468.                                     {% if isItemsStockAvailable and not isSusoageChange %}
  469.                                     class="next_btn big-btn"
  470.                                     href="{{ path('cart_buystep', {'cart_key':Cart.cart_key, 'next_step': nextStep}) }}"
  471.                                     {% else %}
  472.                                     class="next_btn big-btn disabledBtn"
  473.                                     {% endif %}
  474.                                 >
  475.                                     {{ GetCartNextBtnText() }}▶
  476.                                 </a>
  477.                             </div>
  478.                             <input type="hidden" name="CartType" value="{{ Cart.CartType }}">
  479.                             {% set cartKey = Cart.cart_key %}
  480.                             <div class="ec-cartRole__error">
  481.                                 {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  482.                                     <div class="ec-alert-warning">
  483.                                         <div class="ec-alert-warning__icon">
  484.                                             <img src="{{ asset('assets/icon/exclamation-white.svg') }}">
  485.                                         </div>
  486.                                         <div class="ec-alert-warning__text">
  487.                                             {{ error|trans|nl2br }}
  488.                                         </div>
  489.                                     </div>
  490.                                 {% endfor %}
  491.                                 <div class="ec-alert-warning">
  492.                                     <div id="allError01" class="ec-alert-warning__text"></div>
  493.                                     <div id="allError02" class="ec-alert-warning__text"></div>
  494.                                     {{ ExclusionControl()|raw }}
  495.                                 </div>
  496.                                 {% set sampleLimitError = GetSampleLimitError() %}
  497.                                 {% if sampleLimitError is not empty %}
  498.                                     <div class="ec-alert-warning">
  499.                                         <div id="allError02" class="ec-alert-warning__text">{{ sampleLimitError }}</div>
  500.                                     </div>
  501.                                 {% endif %}
  502.                                 {% if not isItemsStockAvailable %}
  503.                                     <div class="ec-alert-warning">
  504.                                         <div id="allError02" class="ec-alert-warning__text">在庫切れの商品があります。他のカラー、サイズを選択するか、カートから削除してください。</div>
  505.                                     </div>
  506.                                 {% endif %}
  507.                                 {% if  isSusoageChange %}
  508.                                     <div class="ec-alert-warning">
  509.                                         <div id="allError02" class="ec-alert-warning__text">商品情報が更新さたため裾上げ内容を再設定してください。</div>
  510.                                     </div>
  511.                                 {% endif %}
  512.                             </div>
  514.                             <div class="carts-group pt-0">
  515.                                 {# for sessionKey, cartItems in cartsTransformed #}
  516.                                 <div id="Cart-{{ CartIndex }}"
  517.                                     class="cart-box{# sessionKey == 'GROUP_2_RESERVATION' ? ' yoyaku-cart' : '' #}{% if isYoyaku %} yoyaku-cart{% endif %}"
  518.                                     data-session-key="Cart-{{ CartIndex }}"
  519.                                 >
  520.                                     <div class="cart-title">
  521.                                         {% if isYoyaku %}
  522.                                             <p class="font-14">{# getCartSessionName(sessionKey) #}予約注文</p>
  523.                                         {% endif %}
  524.                                         <div class="clear-carts hover-pointer"
  525.                                              onclick="RemoveCart('Cart-{{ CartIndex }}')">
  526.                                             <p class="pt-4">すべてクリア</p>
  527.                                             <img src="/stylesheets/images/icons-svg/trash-icon.svg"
  528.                                                  alt="delete button"/>
  529.                                         </div>
  530.                                     </div>
  532.                                     {#                                        {% if RepartData is not null %} #}
  533.                                     {#                                            <p class="repart">{{'front.Cart.Repeat'|trans}} {{'ftont.Order_id.name'|trans}}:{{RepartData.ohid}}</p> #}
  534.                                     {#                                        {% endif %} #}
  536.                                     {{ include('Cart/Parts/Responsive.twig') }}
  537.                                 </div>
  538.                                 <div id="cart-explain">
  539.                                     ※カートに商品を入れた時点では、在庫は確保されません。「ご注文完了」時点で確保されます。
  540.                                 </div>
  541.                                 {# endfor #}
  542.                             </div>
  544.                             <div class="bg-white pt-1 pb-5">
  545.                                 <div id="total">
  546.                                     <div id="prices">
  547.                                         <div class="prices-box">
  548.                                             <div class="prices-title float-left">商品合計点数：</div>
  549.                                             <div class="prices-content color-red">{{ totalQuantity }}<span
  550.                                                     class="prices-unit fs-13">点</span></div>
  551.                                         </div>
  552.                                         {% if LargeDiscount > 0 %}
  553.                                             <div class="prices-box">
  554.                                                 <div
  555.                                                     class="prices-title">{{ 'common.total__with_separator'|trans }}</div>
  556.                                                 <div class="prices-content">{{ ProductTotal }}</div>
  557.                                             </div>
  558.                                             <div class="prices-box">
  559.                                                 <div class="prices-title">{{ ItemType(8) }}({{ LargeDiscountRitu }}%):
  560.                                                 </div>
  561.                                                 <div class="prices-content">-{{ LargeDiscount|FormatPrice|raw }}</div>
  562.                                             </div>
  563.                                         {% endif %}
  564.                                         {% if LmCartType() != 3 %}
  565.                                             <div class="prices-total">
  566.                                                 <div class="prices-title float-left">合計金額：</div>
  567.                                                 <div class="prices-content color-red">{{ totalPrice|FormatPrice|raw }}
  568.                                                     <span class="prices-unit fs-13">(税込)</span></div>
  569.                                             </div>
  570.                                         {% endif %}
  571.                                     </div>
  572.                                     {% if LmCartType() != 3 %}
  573.                                         <div id="prices-explain" class="py-12">
  574.                                             10,000円以上で送料無料、<br/>10万円以上で5％OFF、30万円以上で10％OFFです。
  575.                                         </div>
  576.                                     {% endif %}
  577.                                 </div>
  578.                                 <div class="Lm_footArea">
  579.                                     {% if LmCartType() < 3 %}
  580.                                         {% if BaseInfo.delivery_free_amount %}
  581.                                             {% if is_delivery_free[cartKey] %}
  582.                                                 <div class="delivery-free-info">
  583.                                                     <p class="title">10,000円<span
  584.                                                             style="font-size: 10px;">（税込）</span>以上のご注文のため、
  585.                                                     </p>
  586.                                                     <p class="title"><span>送料が無料</span>です。</p>
  587.                                                     <p style="font-size: 10px; color: #666666; margin-top: 5px; text-align: left; padding: 2px;">
  588.                                                         ※10,000円以上の場合、全国一律
  589.                                                         送料770円(税込)が無料サービスとなります。</p>
  590.                                                     <p style="font-size: 10px; color: #666666; margin-top: 5px; text-align: left; padding: 2px;">
  591.                                                         ※一部の地域（離島）につきましては、別途送料をご請求させていただきます。</p>
  592.                                                     <p style="font-size: 10px; color: #666666; margin-top: 5px; text-align: left; padding: 2px;">
  593.                                                         ※お支払い方法が「後払い」の場合は、後払い手数料が無料になります。</p>
  594.                                                 </div>
  595.                                             {% else %}
  596.                                                 <div class="free-ship-explain">
  597.                                                     <p class="free-ship-by-price">
  598.                                                         あと{{ (BaseInfo.DeliveryFreeAmount - totalPrice)|LmPrice }}
  599.                                                         で送料無料（※一部離島除く）です。</p>
  600.                                                     <p class="free-payment-fee">さらに、後払い手数料も無料になります。</p>
  601.                                                 </div>
  602.                                             {% endif %}
  603.                                         {% endif %}
  604.                                     {% endif %}
  605.                                 </div>
  606.                             </div>
  607.                             <div class="block-line"></div>
  608.                             <div id="botom_btn" class="sp button-group pt-5">
  609.                                 <a class="back_btn" href="{{ CartBackBtn() }}">
  610.                                     {{ GetCartBackBtnText() }}
  611.                                 </a>
  612.                                 <a
  613.                                     id="next_btn"
  614.                                     {% if isItemsStockAvailable and not isSusoageChange %}
  615.                                     class="next_btn big-btn"
  616.                                     href="{{ path('cart_buystep', {'cart_key':Cart.cart_key, 'next_step': nextStep}) }}"
  617.                                     {% else %}
  618.                                     class="next_btn big-btn disabledBtn"
  619.                                     {% endif %}
  620.                                 >
  621.                                     {{ GetCartNextBtnText() }}▶
  622.                                 </a>
  623.                             </div>
  624.                             <div class="mitsumori-button mb-10">
  625.                                 <a href="{{ url('mitsumori') }}?t=3" target="_blank">見積書をメールで送信する</a>
  626.                             </div>
  627.                             <div class="kakaku-confidence-button">
  628.                                 <a href="/kakaku-confidence/" target="_blank">
  629.                                     <img src="https://img0.land-mark.biz/ut_img/public_img/kakaku-confidence-sp.png" alt="empty cart"/>
  630.                                 </a>
  631.                             </div>
  632.                             <div class="block-line-medium"></div>
  633.                         {% endfor %}
  634.                     </form>
  635.                 </div>
  636.             {% else %}
  637.                 <div class="flex-center empty-cart">
  638.                     <img src="/stylesheets/images/icons-svg/empty-cart-warning.svg" alt="empty cart"/>
  639.                 </div>
  640.                 <div class="flex-center py-8 mb-10">
  641.                     <div id="noitem_btn">
  642.                         <a class="pc" href="{{ CartBackBtn() }}">◀ {{ 'front.cart.continue'|trans }}</a>
  643.                     </div>
  644.                 </div>
  645.             {% endif %}
  646.             {% if LmCartType() != 3 %}
  647.                 <div class="section-recent-post {% if totalQuantity <= 0 %} pt-0 {% endif %}">
  648.                     {% include 'Block/Sp/Item/lm_item_recently_checked_item.twig' %}
  649.                 </div>
  650.             {% endif %}
  651.         </div>
  652.     {% else %}
  653.         <div class="step text-center">
  654.             {% if LmCartType() == 3 %}
  655.                 <img src="https://img0.land-mark.biz/ut_img/public_images/order/flow7.gif" style="max-width: 80%;" alt="カートの商品"/>
  656.             {% else %}
  657.                 {{ include('Cart/Parts/Step.twig') }}
  658.             {% endif %}
  659.         </div>
  660.         <div class="search-list">
  661.             <form action="{{ url('item_searchlist') }}" method="GET">
  662.                 <input type="hidden" name="hantei" value="検索"/>
  663.                 <input class="search-input" type="text" name="searchtext" value=""
  664.                        placeholder="商品名・品番で検索 （※「Enter」キーで検索）"/>
  665.                 <input style="padding: 5px;" type="submit" name="" value="検索" data-loading="false">
  666.             </form>
  667.         </div>
  668.         {% if totalQuantity > 0 %}
  669.             <div id="title-bar" class="d-flex flex-center-vertial">
  670.                 <p class="titleText">
  671.                     {% set TImage = 'images/order/title_cart.gif' %}
  672.                     {% if LmCartType() == 3 %}
  673.                         {% set TImage = 'images/order/title_sample.gif' %}
  674.                     {% endif %}
  675.                     <img src="{{ TImage }}" alt="ショッピングカート" width="" height="28">
  676.                 </p>
  677.             </div>
  678.             <div id="bodyContentRegular" class="pc" style="width: 100%">
  679.                 <p class="cart-des">
  680.                     <strong>
  681.                         {% if LmCartType() == 3 %}
  682.                             貸出サンプルサービス申し込み商品の一覧です。
  683.                         {% else %}
  684.                             お客様のショッピングカート内の商品一覧です。
  685.                         {% endif %}
  686.                     </strong>
  687.                 </p>
  689.                 <div class="ec-cartRole__error">
  690.                     {% for error in app.session.flashbag.get('eccube.front.cart.request.error') %}
  691.                         <div class="ec-alert-warning">
  692.                             <div class="ec-alert-warning__icon">
  693.                                 <img src="{{ asset('assets/icon/exclamation-white.svg') }}">
  694.                             </div>
  695.                             <div class="ec-alert-warning__text">
  696.                                 {{ error|trans|nl2br }}
  697.                             </div>
  698.                         </div>
  699.                     {% endfor %}
  700.                 </div>
  702.                 <form name="form" id="form_cart" class="lm-cartRole" method="post" action="{{ url('cart') }}">
  703.                     <input type="hidden" name="OlToken" id="OlToken" value="{{ OlToken('matrix') }}">
  704.                     <input type="hidden" name="Hybrid[cart_item_id]" id="Hybrid_Cart_Item_Ids" value="">
  705.                     {% for CartIndex,Cart in Carts %}
  706.                         <input type="hidden" name="CartType" value="{{ Cart.CartType }}">
  707.                         {% set cartKey = Cart.cart_key %}
  708.                         <div class="ec-cartRole__error">
  709.                             {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  710.                                 <div class="ec-alert-warning">
  711.                                     <div class="ec-alert-warning__icon">
  712.                                         <img src="{{ asset('assets/icon/exclamation-white.svg') }}">
  713.                                     </div>
  714.                                     <div class="ec-alert-warning__text">
  715.                                         {{ error|trans|nl2br }}
  716.                                     </div>
  717.                                 </div>
  718.                             {% endfor %}
  719.                             <div class="ec-alert-warning">
  720.                                 <div id="allError01" class="ec-alert-warning__text"></div>
  721.                                 <div id="allError02" class="ec-alert-warning__text"></div>
  722.                                 {{ ExclusionControl()|raw }}
  723.                             </div>
  724.                             {% set sampleLimitError = GetSampleLimitError() %}
  725.                             {% if sampleLimitError is not empty %}
  726.                                 <div class="ec-alert-warning">
  727.                                     <div id="allError02" class="ec-alert-warning__text">{{ sampleLimitError }}</div>
  728.                                 </div>
  729.                             {% endif %}
  730.                             {% if not isItemsStockAvailable %}
  731.                                 <div class="ec-alert-warning">
  732.                                     <div id="allError02" class="ec-alert-warning__text">在庫切れの商品があります。他のカラー、サイズを選択するか、カートから削除してください。</div>
  733.                                 </div>
  734.                             {% endif %}
  735.                             {% if  isSusoageChange %}
  736.                                 <div class="ec-alert-warning">
  737.                                     <div id="allError02" class="ec-alert-warning__text">商品情報が更新さたため裾上げ内容を再設定してください。</div>
  738.                                 </div>
  739.                             {% endif %}
  740.                         </div>
  742.                         <div class="carts-group">
  743.                             <div id="Cart-{{ CartIndex }}"
  744.                                 class="cart-box{# sessionKey == 'GROUP_2_RESERVATION' ? ' yoyaku-cart' : '' #}{% if isYoyaku %} yoyaku-cart{% endif %}"
  745.                                 data-session-key="Cart-{{ CartIndex }}"
  746.                             >
  747.                                 {# if isMixCart is not empty or sessionKey == 'GROUP_2_RESERVATION' #}
  748.                                 {% if isYoyaku %}
  749.                                     <div class="cart-title">
  750.                                         <p>{# getCartSessionName(sessionKey) #}予約注文</p>
  751.                                         <div class="clear-carts hover-pointer" onclick="RemoveCart('{{ CartIndex }}')">
  752.                                             <p>すべてクリア</p>
  753.                                             <img src="/stylesheets/images/icons-svg/trash-icon.svg"
  754.                                                  alt="delete button"/>
  755.                                         </div>
  756.                                     </div>
  757.                                 {% else %}
  758.                                     <div class="delete-all">
  759.                                         <div
  760.                                             class="clear-carts hover-pointer bg-none border-none d-flex flex-center-vertial"
  761.                                             onclick="RemoveCart('Cart-{{ CartIndex }}')">
  762.                                             <span class="text-gray-700 fs-12 pt-4">すべてクリア</span>
  763.                                             <img src="/stylesheets/images/icons-svg/trash_gray.svg"
  764.                                                  alt="icon delete all"/>
  765.                                         </div>
  766.                                     </div>
  767.                                 {% endif %}
  769.                                 {% if RepartData is not null %}
  770.                                     <p class="repart">{{ 'front.Cart.Repeat'|trans }} {{ 'ftont.Order_id.name'|trans }}
  771.                                         :{{ RepartData.ohid }}</p>
  772.                                 {% endif %}
  774.                                 {{ include('Cart/Parts/table.twig') }}
  775.                             </div>
  776.                         </div>
  778.                         <div class="cart-footer">
  779.                             <div class="footer-row font-20 mr-5">
  780.                                 <div class="item-title">{{ eccube_config.ESTIMATE_TEXT.Text20 }}:</div>
  781.                                 <div
  782.                                     class="item-value">{{ totalQuantity }}{{ eccube_config.ESTIMATE_TEXT.Text04 }}</div>
  783.                             </div>
  784.                             {% if LargeDiscount > 0 %}
  785.                                 <div class="footer-row font-20 mr-5">
  786.                                     <div class="item-title">{{ 'common.total__with_separator'|trans }}</div>
  787.                                     <div class="item-value">{{ ProductTotal|LmPrice }}</div>
  788.                                 </div>
  789.                                 <div class="footer-row font-20 mr-5">
  790.                                     <div class="item-title">{{ ItemType(8) }}({{ LargeDiscountRitu }}%):</div>
  791.                                     <div class="item-value">{{ LargeDiscount|LmPrice }}</div>
  792.                                 </div>
  793.                             {% endif %}
  794.                             {% if LmCartType() != 3 %}
  795.                                 <div class="footer-row font-24 mr-5">
  796.                                     <div class="item-title color-red">{{ 'front.cart_message01'|trans }}:</div>
  797.                                     <div class="item-value color-red font-bold">{{ totalPrice|LmPrice }}</div>
  798.                                 </div>
  799.                             {% endif %}
  800.                         </div>
  802.                         <div class="cart-footer">
  803.                             <div class="group-button">
  804.                                 <div class="button-group-wrapper" style="display: flex; align-items: center; gap: 0;">
  805.                                     <a class="left_btn mr-5" href="{{ CartBackBtn() }}">
  806.                                         <div class="button left-btn">
  807.                                             ◀
  808.                                             {% if LmCartType() == 3 %}
  809.                                                 {{ 'front.cart.type_3_back'|trans }}
  810.                                             {% else %}
  811.                                                 {{ 'front.cart.continue'|trans }}
  812.                                             {% endif %}
  813.                                         </div>
  814.                                     </a>
  815.                                     <a href="/kakaku-confidence/" target="_blank" class="ml-5">
  816.                                         <img src="https://img0.land-mark.biz/ut_img/public_images/top/kakaku-confidence.png" alt="empty cart"/>
  817.                                     </a>
  818.                                 </div>
  819.                                 <a class="right_btn{% if not isItemsStockAvailable or isSusoageChange %} disabledBtn{% endif %}" href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">
  820.                                     <div class="button right-btn">
  821.                                         {% if LmCartType() == 3 %}
  822.                                             {{ 'front.cart.type_3_continue'|trans }}
  823.                                         {% else %}
  824.                                             次へ（レジへ進む）
  825.                                         {% endif %}
  826.                                         ▶
  827.                                     </div>
  828.                                 </a>
  829.                             </div>
  830.                         </div>
  832.                         <div class="cart-footer">
  833.                             <div class="group-message group-message-{{ LmCartType() }}">
  834.                                 {% if LmCartType() == 3 %}
  835.                                     <div class="sample color-red">
  836.                                         <p class="title fs-16 lh-19">サンプル申し込みにつきまして</p>
  837.                                         <p class="fs-13 lh-19">※10点まで。金額無制限です。</p>
  838.                                         <p class="fs-13 lh-19">※名入れ処理はできません。</p>
  839.                                         <p class="fs-13 lh-19">
  840.                                             ※通常購入の商品とサンプル申込みの商品を同一のカートに入れることはできません。</p>
  841.                                         <p class="fs-13 lh-19">
  842.                                             ※通常の購入を行う場合は、サンプル申込みが完了してからお願いいたします。</p>
  843.                                     </div>
  844.                                 {% else %}
  845.                                     <div class="quotation">
  846.                                         <button id="mitsumoriBtn2" class="SF-nonDisplay mBtnStyle">見積書<br>印刷・メールする
  847.                                         </button>
  848.                                     </div>
  849.                                     <div class="guide">
  850.                                         <p>{{ 'front.cart_message02'|trans|Base }}</p>
  851.                                         <p>{{ 'front.cart_message03'|trans|Base }}</p>
  852.                                         <p>{{ 'front.cart_message04'|trans }}</p>
  853.                                     </div>
  855.                                 {% endif %}
  856.                             </div>
  857.                             {% if LmCartType() < 3 %}
  858.                                 <div class="group-message-center">
  859.                                     {% if BaseInfo.delivery_free_amount %}
  860.                                         {% if is_delivery_free[cartKey] %}
  861.                                             <div class="free-shipping-message">
  862.                                                 <p class="title">10,000円<span class="title-1">（税込）</span>以上のご注文のため、
  863.                                                 </p>
  864.                                                 <p class="title"><span class="title-2">送料が無料</span>です。</p>
  865.                                                 <p>※10,000円以上の場合、全国一律
  866.                                                     送料770円(税込)が無料サービスとなります。</p>
  867.                                                 <p>
  868.                                                     ※一部の地域（離島）につきましては、別途送料をご請求させていただきます。</p>
  869.                                                 <p>※お支払い方法が「後払い」の場合は、後払い手数料が無料になります。</p>
  870.                                             </div>
  871.                                         {% else %}
  872.                                             <div class="free-shipping-message">
  873.                                                 <p>あと <span> {{ least[cartKey]|LmPrice }}</span><span>（税込）</span>
  874.                                                     で送料・代引手数料が無料です。</p>
  875.                                                 <p>{{ 'front.cart_message05'|trans|Base }}</p>
  876.                                                 <p>{{ 'front.cart_message06'|trans }}</p>
  877.                                                 <p>{{ 'front.cart_message07'|trans }}</p>
  878.                                             </div>
  879.                                         {% endif %}
  880.                                     {% endif %}
  881.                                 </div>
  882.                             {% endif %}
  883.                         </div>
  884.                     {% endfor %}
  885.                 </form>
  886.                 {% if LmCartType() < 3 %}
  887.                     {{ include('Cart/Parts/ItemAlsoBuy.twig') }}
  888.                 {% endif %}
  889.             </div>
  890.         {% else %}
  892.             <div class="ec-cartRole__error">
  893.                 {% for error in app.session.flashbag.get('eccube.front.cart.request.error') %}
  894.                     <div class="ec-alert-warning">
  895.                         <div class="ec-alert-warning__icon">
  896.                             <img src="{{ asset('assets/icon/exclamation-white.svg') }}">
  897.                         </div>
  898.                         <div class="ec-alert-warning__text">
  899.                             {{ error|trans|nl2br }}
  900.                         </div>
  901.                     </div>
  902.                 {% endfor %}
  903.             </div>
  905.             <div class="ec-alert-warning">
  906.                 {{ ExclusionControl()|raw }}
  907.             </div>
  908.             <div class="flex-center py-12">
  909.                 <img src="/stylesheets/images/icons-svg/empty-cart-warning.svg" alt="empty cart"/>
  910.             </div>
  911.             <div class="flex-center py-12">
  912.                 <div id="noitem_btn">
  913.                     <a class="pc" href="{{ CartBackBtn() }}">◀ {{ 'front.cart.continue'|trans }}</a>
  914.                 </div>
  915.             </div>
  916.         {% endif %}
  917.     {% endif %}
  918. {% endblock %}