app/template/default/Block/Sp/Item/lm_item_info.twig line 1

Open in your IDE?
  1. {{ include('Block/Sp/Item/error_modal.twig') }}
  3. <style>
  4.     #item-detail #shopping-cart ul li {
  5.         padding: 0;
  6.         width: 100%;
  7.     }
  8.     #item-cart-matrix .item-cart-matrix-size-table {
  9.         font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  10.         letter-spacing: normal;
  11.         margin: 0 !important;
  12.     }
  13.     #item-cart-matrix .item-cart-matrix-size-table .item-cart-matrix-sku-sokujitsu-stock-mark > span {
  14.         background-color: #1090DD;
  15.         font-size: 0.98rem;
  16.         letter-spacing: normal;
  17.         box-sizing: content-box;
  18.         padding: 0.245rem 0.8rem;
  19.     }
  20.     #item-cart-matrix .item-cart-matrix-size-table .item-cart-matrix-sales-price {
  21.         font-size: 1.4rem;
  22.     }
  23.     #item-cart-matrix .item-cart-matrix-size-table select {
  24.         font-size: 1.33rem;
  25.     }
  26.     .nyuka-yotei {
  27.         line-height: 120%;
  28.     }
  29. </style>
  31. <div id="item-detail">
  32.     <div id="shopping-cart">
  34.         {% if eccube_config.GoodsSetPurchase.NewUI.Enabled and goods.isGoodsSetPurchase %}
  36.             {% include 'Item/GoodsSetPurchase/main.twig' %}
  38.         {% else %}
  39.         <form id="cart" name="cart" action="/sp/cart-in?id={{ data.goods_id | display_text }}" method="POST">
  40.             <input type="hidden" id="OlToken" name="OlToken" value="{{ OlToken('matrix') }}">
  41.             <div id="cart-link"></div>
  42.             <div id="shopping-cart-title">ショッピングカート（カンタン注文！）</div>
  44.             <ul>
  45.                 <li>
  46.                     <div id="cartInputDiv" class="js-cartInputTableWrap">
  48.                         <div id="tableAddDiv"></div>
  50.                         <div style="margin: 0; text-align:center;">
  51.                             {% set size_list = size %}
  52.                             {% set color_list = color %}
  54.                             {% if data.goods_set_purchase_flg == 1 %}
  55.                                 {% set is_set_purchase = true %}
  56.                             {% else %}
  57.                                 {% set is_set_purchase = false %}
  58.                             {% endif %}
  60.                             {% for _color in color_list %}
  61.                                 {# {% if color_number_map['_color.gcl_id'] %} #}
  62.                                 {# {% color.color_num = color_number_map[_color.gcl_id] %} #}
  63.                                 {# {% endif %} #}
  64.                             {% endfor %}
  65.                             {% set _color = false %}
  67.                             <div id="item-cart-matrix">
  69.                                 <div class="item-cart-matrix-color-select">
  70.                                     <span class="item-cart-matrix-color-select-label">{% if goods.isGoodsSetPurchase %}{{ goods.getAsGoodsSetPurchase(true).main_gsp_name }}の色{% else %}カラー選択{% endif %}</span>
  71.                                     <span class="item-cart-matrix-color-rbg"></span>
  73.                                     <select>
  75.                                         {% if isMobile() and eccube_config.CartMatrix.SP.NewUI.Enabled %}
  76.                                             {% for index, goodsColor in goods.goodsColorList %}
  77.                                                 <option value="{{ goodsColor.gclId }}"
  78.                                                         data-color-rbg="{{ goodsColor.color.colorRgb }}"
  79.                                                         data-color-idx="{{ index }}">
  80.                                                     {{ goodsColor.color.colorName }}{# {% if cellData.shiire_color is not null %} ({{ cellData.shiire_color }}){% endif %} #}
  81.                                                 </option>
  82.                                             {% endfor %}
  83.                                         {% else %}
  84.                                         {% set matrixData = getInventoryMatrix(goods) %}
  86.                                         {% for tableData in matrixData %}
  87.                                             {% for ListData in tableData %}
  88.                                                 {% for cellData in ListData %}
  89.                                                     {% if loop.first %}
  90.                                                         <option value="{{ cellData.color.gcl_id }}"
  91.                                                                 data-color-rbg="{{ cellData.color.color_rgb }}"
  92.                                                                 data-color-idx="{{ loop.parent.loop.index }}">
  93.                                                             {{ cellData.color.color_name }}{% if cellData.shiire_color is not null %} ({{ cellData.shiire_color }}){% endif %}
  94.                                                         </option>
  95.                                                     {% endif %}
  96.                                                 {% endfor %}
  97.                                             {% endfor %}
  98.                                         {% endfor %}
  99.                                         {% endif %}
  101.                                     </select>
  102.                                 </div>
  104.                                 {% if goods.isGoodsSetPurchase %}
  105.                                 {% for child in goods.getAsGoodsSetPurchase %}
  106.                                 {% if child.gsp_type != 0 %}
  107.                                 <div class="item-cart-matrix-color-select">
  108.                                     <span class="item-cart-matrix-color-rbg sub" style="background:#{{ child.color_rgb }};"></span>
  109.                                     <span id="item-cart-matrix-sub-color-select">{{ child.gsp_name }}（{{ child.color_name }}）</span>
  110.                                 </div>
  111.                                 {% endif %}
  112.                                 {% endfor %}
  113.                                 {% endif %}
  115.                                 <div class="item-cart-matrix-size-select">
  116.                                     <span class="item-cart-matrix-size-select-label">ご希望のサイズの数量を選択してください<br>複数のカラー、サイズもまとめてカートに入れられます。</span>
  117.                                     {% if isMobile() and eccube_config.CartMatrix.SP.NewUI.Enabled %}
  119.                                         {% include 'Item/NewCartArea/style.twig' with {} only %}
  121.                                         {% include 'Item/NewCartArea/script.twig' with {} only %}
  123.                                         {% include 'Item/NewCartArea/cart_matrix.twig' with { loop: { index0: 0 }, parent: null, item: item, NewUI: eccube_config.CartMatrix.SP.NewUI, skuMap: skuMap, visibleSizes: visibleSizes } only %}
  125.                                         <script>
  126.                                             $(function () {
  127.                                                 //
  128.                                                 var $form = $('#shopping-cart form');
  129.                                                 var $matrixBox = $('#item-cart-matrix', $form);
  130.                                                 var $colorSelect = $('.item-cart-matrix-color-select select', $matrixBox);
  131.                                                 var $rgbColorBox = $('.item-cart-matrix-color-rbg:not(.sub)', $matrixBox);
  132.                                                 /**
  133.                                                  * 色選択処理
  134.                                                  */
  135.                                                 $colorSelect.on('change', function () {
  136.                                                     //
  137.                                                     const $currentColor = $(this);
  138.                                                     const $newCartArea = $('.item-cart-matrix-size-select');
  139.                                                     const gclId = $currentColor.val();
  140.                                                     //
  141.                                                     $rgbColorBox.css('background', '#' + $('option:selected', this).attr('data-color-rbg'));
  142.                                                     selectColorByGclId($newCartArea, gclId);
  143.                                                 }).trigger('change');
  144.                                             });
  145.                                         </script>
  147.                                         <style>
  148.                                             .new-cart-area {
  149.                                                 margin-top: 0 !important;
  150.                                                 padding-top: 0 !important;
  151.                                             }
  152.                                         </style>
  154.                                     {% else %}
  155.                                     <table class="item-cart-matrix-size-table">
  156.                                         <thead>
  157.                                         <th>サイズ</th>
  158.                                         <th>販売価格(税込)</th>
  159.                                         <th>数量</th>
  160.                                         <th>在庫状況</th>
  161.                                         </thead>
  162.                                         <tbody>
  163.                                         {% for size_idx, _size in size_list %}
  164.                                             <tr data-gp-id="{{ _size.gp_id }}" data-size-idx="{{ size_idx + 1 }}">
  165.                                                 <td class="item-cart-matrix-size">
  166.                                                     {{ _size.size_name | escape }}
  167.                                                     <div class="item-cart-matrix-sku-sokujitsu-stock-mark">
  168.                                                         <span>即日発送</span></div>
  169.                                                 </td>
  170.                                                 <td class="item-cart-matrix-sales-price">{{ _size.gp_price | number_format }}円(税込)
  171.                                                 </td>
  172.                                                 <td>
  173.                                                     <select>
  174.                                                         <option value="0">数量</option>
  175.                                                         {% for i in range (1, 100) %}
  176.                                                             <option value="{{ i }}">{{ i }}</option>
  177.                                                         {% endfor %}
  178.                                                     </select>
  179.                                                 </td>
  180.                                                 <td>
  181.                                                     <div class="item-cart-matrix-sku-stock-wrap">
  182.                                                         <span class="item-cart-matrix-sku-stock"></span>
  183.                                                         <span class="item-cart-matrix-sku-sokujitsu-stock"></span>
  184.                                                         <span class="item-cart-matrix-sku-stock-msg"></span>
  185.                                                     </div>
  186.                                                 </td>
  187.                                             </tr>
  188.                                         {% endfor %}
  189.                                         </tbody>
  190.                                     </table>
  191.                                     {% endif %}
  192.                                 </div>
  194.                             </div>
  196.                             {% if isMobile() and eccube_config.CartMatrix.SP.NewUI.Enabled %}
  197.                             {% else %}
  198.                             <script>
  199.                                 //
  200.                                 const stockData = {{ goods.getStockListForMatrix | json_encode() | raw }};
  201.                                 //
  202.                                 $(function () {
  203.                                     var goodsId = {{ data.goods_id }};
  204.                                     var $form = $('#shopping-cart form');
  205.                                     var $matrixBox = $('#item-cart-matrix', $form);
  206.                                     var $colorSelect = $('.item-cart-matrix-color-select select', $matrixBox);
  207.                                     console.log($colorSelect)
  208.                                     var $quantitySelect = $('.item-cart-matrix-size-select select', $matrixBox);
  209.                                     var $rgbColorBox = $('.item-cart-matrix-color-rbg:not(.sub)', $matrixBox);
  210.                                     var $sizeTable = $('.item-cart-matrix-size-table', $matrixBox);
  211.                                     // カートの選択状態をリセットしても、フォームデータが消えないように一枚多くラップしておく
  212.                                     // // var selectStatus = {};    // カートの選択状態をもっておく
  213.                                     var selectStatus = {
  214.                                         selectedStatus: {}, // カートの選択状態をもっておく
  215.                                     };
  216.                                     $form.data('selected-item-data', selectStatus);
  218.                                     // 当該商品の在庫情報取得
  219.                                     (function (stockData) {
  220.                                         /**
  221.                                          * 色選択処理
  222.                                          */
  223.                                         $colorSelect.on('change', function () {
  225.                                             // 数量プルダウンをdisableに
  226.                                             disableQuantitySelect();
  228.                                             // 色プルダウン横のカラー変更
  229.                                             $rgbColorBox.css('background', '#' + $('option:selected', this).attr('data-color-rbg'));
  231.                                             var colorId = $colorSelect.val();
  233.                                             if (stockData.stockList[goodsId][colorId] === undefined) return;
  235.                                             // カラーを変更する度にリセットするように
  236.                                             // selectStatus.selectedStatus = {};
  238.                                             // 在庫表に値セット
  239.                                             setStockToTable(stockData.stockList[goodsId][colorId], stockData.janList[colorId]);
  241.                                         }).trigger('change');    // 色プルダウン横の色をセットするため一度キック
  244.                                         /**
  245.                                          * 数量選択処理
  246.                                          * 複数カラー、複数サイズの選択状況を保持する。
  247.                                          */
  248.                                         $matrixBox.on('change', '.item-cart-matrix-size-table select', function () {
  249.                                             var $select = $(this);
  250.                                             var $tr = $select.closest('tr');
  251.                                             var colorIdx = $('option:selected', $colorSelect).attr('data-color-idx');
  252.                                             var sizeIdx = $tr.attr('data-size-idx');
  254.                                             if (selectStatus.selectedStatus[colorIdx] === undefined) selectStatus.selectedStatus[colorIdx] = {};
  256.                                             selectStatus.selectedStatus[colorIdx][sizeIdx] = $select.val();
  257.                                         });
  259.                                     })(stockData);
  262.                                     function disableQuantitySelect() {
  263.                                         $quantitySelect
  264.                                             .attr('disabled', 'disabled')
  265.                                             .removeClass('active ppre-order')
  266.                                             .find('option:selected')
  267.                                             .prop('selected', false)
  268.                                         ;
  269.                                     }
  272.                                     function setStockToTable(stockMap, yoteiMap) {
  273.                                         $('tbody tr', $sizeTable).each(function () {
  274.                                             var $tr = $(this);
  275.                                             var colorId = $colorSelect.val();
  276.                                             var gpId = $tr.attr('data-gp-id');
  277.                                             var stockData = stockMap[gpId];
  278.                                             var yoteiData = yoteiMap[gpId];
  280.                                             if (stockData === undefined) return true;
  282.                                             // selectStatusから、選択状況復元
  283.                                             var colorIdx = $('option:selected', $colorSelect).attr('data-color-idx');
  284.                                             var sizeIdx = $tr.attr('data-size-idx');
  285.                                             if (
  286.                                                 selectStatus.selectedStatus[colorIdx] &&
  287.                                                 selectStatus.selectedStatus[colorIdx][sizeIdx] !== undefined &&
  288.                                                 selectStatus.selectedStatus[colorIdx][sizeIdx] !== '0'
  289.                                             ) {
  290.                                                 $('select', $tr).val(selectStatus.selectedStatus[colorIdx][sizeIdx]);
  291.                                             }
  292.                                             ;
  294.                                             setSizeRow($tr, stockData, yoteiData);
  295.                                         });
  296.                                     }
  298.                                     function setSizeRow($tr, stockData, yoteiData) {
  300.                                         var $stockNumArea = $('.item-cart-matrix-sku-stock', $tr).empty();
  301.                                         var $sokujitsuStockMarkArea = $('.item-cart-matrix-sku-sokujitsu-stock-mark', $tr);
  302.                                         var $sokujitsuStockNumArea = $('.item-cart-matrix-sku-sokujitsu-stock', $tr).empty();
  303.                                         var $stockMsgArea = $('.item-cart-matrix-sku-stock-msg', $tr).empty();
  305.                                         $tr.hide();
  306.                                         if (stockData.nodisp === '1') return;
  308.                                         $tr.show();
  310.                                         // 即日マークを非表示
  311.                                         $sokujitsuStockMarkArea.hide();
  313.                                         if (
  314.                                             stockData.stock !== '＊' &&
  315.                                             stockData.stock === 0 &&
  316.                                             (typeof (stockData.comment) === 'undefined' || stockData.comment === '') &&
  317.                                             (typeof (stockData.zdate) === 'undefined' || stockData.zdate === '')
  318.                                         ) {
  319.                                             $stockMsgArea.text('在庫切れ');
  320.                                             return;
  321.                                         }
  323.                                         // 在庫数表示
  324.                                         if (stockData.stock > 0) {
  325.                                             $stockNumArea.text(stockData.stock);
  326.                                         }
  328.                                         if (stockData.stock3 !== undefined) {
  329.                                             var sokujitsuStock = parseInt(stockData.stock3.replace(/^[^\d]*(\d+)[^\d]*$/, '$1'));
  330.                                             if (Number.isFinite(sokujitsuStock) && sokujitsuStock > 0) {
  331.                                                 $sokujitsuStockMarkArea.show();
  332.                                                 $sokujitsuStockNumArea.html('<span>(即日発送 ' + sokujitsuStock + ')</span>');
  333.                                             }
  334.                                         }
  336.                                         $('select option', $tr).removeAttr('disabled');
  337.                                         if (stockData.stock !== '＊' && stockData.stock < 100) {
  338.                                             $('select option:gt(' + stockData.stock + ')', $tr).attr('disabled', 'disabled');
  339.                                         }
  341.                                         $stockNumArea.removeClass('item-cart-matrix-sku-stock-rest');
  342.                                         if (stockData.stock <= 10 && stockData.stock > 0) {
  343.                                             $stockNumArea
  344.                                                 .prepend('残り')
  345.                                                 .addClass('item-cart-matrix-sku-stock-rest')
  346.                                             ;
  347.                                         }
  349.                                         $stockNumArea.show();
  350.                                         $stockMsgArea.removeClass('has-arrival-date')
  351.                                         if (
  352.                                             (isNaN(stockData.stock3) || parseInt(stockData.stock3) === 0) &&
  353.                                             (
  354.                                                 stockData.stock === 0 ||
  355.                                                 ((stockData.stock === stockData.stock_other) && !!yoteiData)
  356.                                             )
  357.                                         ) {
  359.                                             var comment = '';
  361.                                             var hasZdate = typeof (stockData.zdate) !== 'undefined' && stockData.zdate !== '';
  362.                                             var hasComment = typeof (stockData.comment) !== 'undefined' && stockData.comment !== '';
  365.                                             if (!!yoteiData) {
  366.                                                 // 予約注文
  367.                                                 $('select', $tr)
  368.                                                     .removeAttr('disabled')
  369.                                                     .addClass('active reservation')
  370.                                                 ;
  371.                                                 $('select option', $tr).removeAttr('disabled');
  372.                                                 var nyuukaDate = new Date(yoteiData);
  373.                                                 var displayDate = new Date(nyuukaDate.getFullYear(), nyuukaDate.getMonth(), nyuukaDate.getDate() + 1);
  374.                                                 var zdate = displayDate.getMonth() + 1 + '月' + displayDate.getDate() + '日';
  376.                                                 comment = '入荷予定日<br>' + zdate;
  377.                                             } else {
  378.                                                 // 赤字（残り0）を非表示にしてcommentを表示
  379.                                                 $stockNumArea.hide();
  380.                                                 // コメントはzdateが優先
  381.                                                 if (hasZdate) {
  382.                                                     comment = '入荷予定日<br>' + stockData.zdate;
  383.                                                 } else if (hasComment) {
  384.                                                     comment = stockData.comment;
  385.                                                 }
  386.                                             }
  388.                                             $stockMsgArea
  389.                                                 .append(comment)
  390.                                                 .addClass('has-arrival-date')
  391.                                             ;
  393.                                             return;
  394.                                         }
  396.                                         $('select', $tr)
  397.                                             .removeAttr('disabled')
  398.                                             .addClass('active')
  399.                                             .removeClass('reservation')
  400.                                         ;
  401.                                     }
  402.                                 });
  403.                             </script>
  404.                             <style>
  405.                                 .reservation {
  406.                                     border: 2px solid red;
  407.                                     border-radius: 2px;
  408.                                     background: white;
  409.                                 }
  410.                             </style>
  411.                             {% endif %}
  412.                             <span class="add-to-cart"><img class="muji" style="width: 95%;" id="cartBtnImg"
  413.                                  src="https://img0.land-mark.biz/ut_img/public_images/image_dt/btn_cart_sp.gif" border="0" alt="カートに入れる"/><img
  414.                                 style="width: 95%;display:none;" id="cartBtnImgDisabled"
  415.                                 src="https://img0.land-mark.biz/ut_img/public_images/image_dt/btn_cart_sp_disabled.png" border="0"/></span><br/>
  417.                             {% if data.goods_naire_print != '2' %}
  418.                                 <span class="add-to-cart"><img class="print" style="margin-top: 5px; width: 95%;" id="mitsumoriCartBtnImg"
  419.                                      src="https://img0.land-mark.biz/ut_img/public_images/image_dt/btn_mitsumori_sp.gif" border="0"
  420.                                      alt="プリント・刺繍して見積・カートに入れる"/><img
  421.                                 style="margin-top: 5px; width: 95%;display:none;" id="mitsumoriCartBtnImgDisabled"
  422.                                 src="https://img0.land-mark.biz/ut_img/public_images/image_dt/btn_mitsumori_sp_disabled.png" border="0"/></span><br/>
  423.                             {% endif %}
  425.                             {% if data.goods_susoage == '1' %}
  426.                                 <span class="add-to-cart"><img class="susoage" style="margin-top: 5px; width: 95%;" id="susoageCartBtnImg"
  427.                                      src="https://img0.land-mark.biz/ut_img/public_images/image_dt/btn_susoage_sp.gif" border="0" alt="裾上げして見積・カートに入れる"/></span>
  428.                                 <br/>
  429.                             {% endif %}
  431.                             {% if data.goods_sample_rental != '0' %}
  432.                                 <span class="add-to-cart"><img class="sample" style="margin-top: 5px; width: 95%;" id="sampleCartBtnImg"
  433.                                      src="https://img0.land-mark.biz/ut_img/public_images/image_dt/btn_sample_sp.gif" border="0" alt="貸出サンプル"/><img
  434.                                 style="margin-top: 5px; width: 95%;display:none;" id="sampleCartBtnImgDisabled"
  435.                                 src="https://img0.land-mark.biz/ut_img/public_images/image_dt/btn_sample_sp_disabled.png" border="0"/></span>
  436.                             {% endif %}
  438.                             {% if isOutOfService %}
  439.                                 <br/>
  440.                                 <span class="add-to-cart"><img class="add-to-cart" style="margin-top: 5px; width: 95%;" id="telOrderBtnImg"
  441.                                                                src="https://img0.land-mark.biz/ut_img/public_images/image_dt/btn_tel_order_sp.jpg" border="0" alt="電話でご相談・ご注文"/></span>
  442.                             {% endif %}
  443.                         </div>
  445.                         {% if stockNyukayoteiList | length %}
  446.                             <span id="blink">★「入荷予定日」のあるものは、電話やＦＡＸで「予約注文」を承ります</span>
  447.                         {% endif %}
  448.                     </div>
  449.                 </li>
  450.             </ul>
  451.             <script>
  452.                 var last_scroll_top_value = 0;
  453.                 function showLoadingOverlay() {
  454.                     if ($('.bg-load-overlay').length === 0) {
  455.                         $('body').append('<div class="bg-load-overlay" style="display: none;"></div>');
  456.                     }
  457.                     $('.bg-load-overlay').fadeIn();
  458.                 }
  459.                 
  460.                 document.addEventListener("DOMContentLoaded", function() {
  461.                     const buttons = [
  462.                         '#cartBtnImg',
  463.                         '#mitsumoriCartBtnImg',
  464.                         '#susoageCartBtnImg',
  465.                         '#sampleCartBtnImg'
  466.                     ];
  468.                     buttons.forEach(buttonId => {
  469.                         $(buttonId).on('click', showLoadingOverlay);
  470.                     });
  471.                 });
  472.                 
  473.                 function showModalWindow() {
  474.                     last_scroll_top_value = $(document).scrollTop();
  475.                     $("body").css("height", $(window).height());
  476.                     $("body").css("overflow", "hidden");
  477.                     $("#overlay").css("visibility", "visible");
  478.                     $("#modal-window").css("visibility", "visible");
  479.                 }
  481.                 function closeModalWindow() {
  482.                     $("body").css("height", "auto");
  483.                     $("body").css("overflow", "auto");
  484.                     $("#overlay").css("visibility", "hidden");
  485.                     $("#modal-window").css("visibility", "hidden");
  486.                     window.scrollTo(0, last_scroll_top_value);
  487.                 }
  489.                 function showModalWindowSample() {
  490.                     last_scroll_top_value = $(document).scrollTop();
  491.                     $("body").css("height", $(window).height());
  492.                     $("body").css("overflow", "hidden");
  493.                     $("#overlay").css("visibility", "visible");
  494.                     $("#modal-window-sample").css("visibility", "visible");
  495.                 }
  497.                 function closeModalWindowSample() {
  498.                     $("body").css("height", "auto");
  499.                     $("body").css("overflow", "auto");
  500.                     $("#overlay").css("visibility", "hidden");
  501.                     $("#modal-window-sample").css("visibility", "hidden");
  502.                     window.scrollTo(0, last_scroll_top_value);
  503.                 }
  505.                 function showAlertWindow(msg) {
  506.                     last_scroll_top_value = $(document).scrollTop();
  507.                     $("#alert-window p.alert-explain").text(msg);
  508.                     $("body").css("height", $(window).height());
  509.                     $("body").css("overflow", "hidden");
  510.                     $("#overlay").css("visibility", "visible");
  511.                     $("#alert-window").css("visibility", "visible");
  512.                 }
  514.                 function closeAlertWindow() {
  515.                     $("body").css("height", "auto");
  516.                     $("body").css("overflow", "auto");
  517.                     $("#overlay").css("visibility", "hidden");
  518.                     $("#alert-window").css("visibility", "hidden");
  519.                     window.scrollTo(0, last_scroll_top_value);
  520.                 }
  522.                 function showModalWindowTelOrder() {
  523.                     $("#overlay").css("visibility", "visible");
  524.                     var $modal = $("#modal-window-tel-order").css("visibility", "visible");
  525.                     var modalHeight = $modal.height();
  526.                     $modal.css('top', $(document).scrollTop() + ($(window).height() / 2) - (modalHeight / 4));
  527.                 }
  529.                 function closeModalWindowTelOrder() {
  530.                     $("#overlay").css("visibility", "hidden");
  531.                     $("#modal-window-tel-order").css("visibility", "hidden");
  532.                 }
  534.                 function showModalWindowSizeChart() {
  535.                     var $overlay = $("#overlay-scrollable").css("visibility", "visible");
  536.                     var $modal = $("#modal-window-size-chart").show().appendTo($overlay);
  537.                 }
  539.                 function closeModalWindowSizeChart() {
  540.                     $("#overlay-scrollable").css("visibility", "hidden");
  541.                     $("#modal-window-size-chart").hide();
  542.                 }
  544.                 function add_to_cart() {
  545.                     send_to_cartin('order');
  546.                 }
  548.                 function add_to_cart_sample(f) {
  549.                     send_to_cartin('sample');
  550.                 }
  552.                 function add_to_cart_print(f) {
  553.                     send_to_cartin('print');
  554.                 }
  556.                 function updateCart(type) {
  557.                     $.ajax({
  558.                         type: "GET",
  559.                         url: '/sp/cart-update',
  560.                         dataTyep: 'json',
  561.                         cache: false,
  562.                         xhrFields: {
  563.                             withCredentials: true
  564.                         },
  565.                         success: function (data) {
  566.                             if (data.err == 0) {
  567.                                 if (type == 'order') {
  568.                                     // showModalWindow();
  569.                                     location.href = '/sp/cart-muji';
  570.                                 } else {
  571.                                     // showModalWindowSample();
  572.                                     location.href = '/sp/cart-sample';
  573.                                 }
  574.                             } else {
  575.                                 showAlertWindow(data.msg);
  576.                             }
  577.                         },
  578.                         error: function (XMLHttpRequest, textStatus, errorThrown) {
  579.                             showAlertWindow('エラー ' + errorThrown);
  580.                         }
  581.                     });
  582.                     return false;
  583.                 }
  585.                 function _send_to_cartin(options, $sendForm) {
  586.                     var $form = $('form[name=cart]');
  587.                     var selectedStatus = $form.data('selected-item-data').selectedStatus;
  588.                     var $matrixBox = $('#item-cart-matrix');
  590.                     // 格納されている選択状態から送信データを作成
  591.                     for (var colorIdx in selectedStatus) {
  592.                         for (var sizeIdx in selectedStatus[colorIdx]) {
  593.                             if (selectedStatus[colorIdx][sizeIdx] === '0') continue;
  595.                             // var $input = $('<input type="hidden">')
  596.                             //     .attr('name', 'cart_['+sizeIdx+'_'+colorIdx)
  597.                             //     .val( selectedStatus[colorIdx][sizeIdx] )
  598.                             // ;
  599.                             var $input = $('input[name^="product_matrix"]')
  600.                                 .filter('[data-color-idx="' + colorIdx + '"]')
  601.                                 .filter('[data-size-idx="' + sizeIdx + '"]').clone()
  602.                                 .val(selectedStatus[colorIdx][sizeIdx])
  603.                             ;
  604.                             $sendForm.append($input);
  605.                         }
  606.                     }
  608.                     options = $.extend({
  609.                         type: "POST",
  610.                         url: $sendForm.attr('action'),
  611.                         data: $sendForm.serialize(),
  612.                         dataTyep: 'text',
  613.                         cache: false,
  614.                         xhrFields: {
  615.                             withCredentials: true
  616.                         }
  617.                     }, options);
  618.                     return $.ajax(options);
  619.                 }
  621.                 function send_to_cartin(type) {
  622.                     let url;
  623.                     switch (type) {
  624.                         case 'print':
  625.                         case 'susoage':
  626.                             url = '{{ url('valid_estimate') }}';
  627.                             break;
  628.                         case 'sample':
  629.                             url = '{{ url('add_sample') }}';
  630.                             break;
  631.                         case 'order':
  632.                         default:
  633.                             url = '{{ url('add_Normal') }}';
  634.                             break;
  635.                     }
  636.                     const $form = $('form[name=cart]').clone().appendTo(document.body);
  637.                     return _send_to_cartin({
  638.                         url
  639.                     }, $form)
  640.                         .done(function (data, textStatus, jqXHR) {
  641.                             console.log(jqXHR.status); // 200
  642.                             console.log(textStatus); // success
  643.                             console.log(data);
  644.                             if (data.status == 'OK') {
  645.                                 console.log(data.data);
  646.                                 if (type == 'print' || type == 'susoage') {
  647.                                     $form.attr('action', '{{ url('estimate') }}');
  648.                                     $form.submit();
  649.                                 } else {
  650.                                     window.location.href = '{{ url('cart') }}';
  651.                                 }
  652.                             }
  653.                             if (data.status == 'Error') {
  654.                                 console.log(data.Errors);
  655.                                 var errorMsg = "";
  656.                                 $.each(data.Errors, function (index, val) {
  657.                                     errorMsg += val.message + "\n";
  658.                                 });
  659.                                 if (data.show_error_modal) {
  660.                                     showErrorModal(errorMsg)
  661.                                 } else {
  662.                                     showAlertWindow(errorMsg);
  663.                                 }
  664.                                 $('#OlToken').val(data.OlToken);
  665.                             }
  666.                         })
  667.                         .fail(function (jqXHR, textStatus, errorThrown) {
  668.                             console.log(jqXHR.status); // 404...
  669.                             console.log(textStatus); // error
  670.                             console.log(errorThrown); // NOT FOUND
  671.                             showAlertWindow('送信エラー:もう一度やり直してください');
  672.                             location.reload();
  673.                         })
  674.                         .always(function () {
  675.                             console.log("complete"); // complete
  676.                             $form.remove();
  677.                         });
  678.                     ;
  679.                 }
  680.             </script>
  681.         </form>
  683.         {% if isMobile() and eccube_config.CartMatrix.SP.NewUI.Enabled %}
  684.         {% else %}
  685.         {% for tableData in matrixData %}
  686.             {% for ListData in tableData %}
  687.                 {% for cellData in ListData %}
  688.                     <input type="hidden" name="product_matrix[{{ cellData.product_id }}]" value=""
  689.                            data-color-idx="{{ loop.parent.loop.index }}" data-size-idx="{{ loop.index }}"/>
  690.                 {% endfor %}
  691.             {% endfor %}
  692.         {% endfor %}
  693.         {% endif %}
  695.     </div>
  697.     <script type="text/javascript" async>
  698.         var GOODS_ID = '{{ data.goods_id }}';
  699.         var GOODS_NAME = '{{ data.goods_name }}';
  700.         var product_ids = GOODS_ID;
  701.         var product_name = GOODS_NAME;
  703.         $(function () {
  704.             init();
  705.             var option_color_id = new Array();
  706.             var option_color_name = new Array();
  708.             {% for _k, _c in color %}
  709.             option_color_id[{{ _k }}] = {{ _c.gcl_id }}
  710.                 option_color_name[{{ _k }}] = "{{ _c.color_name }}"
  711.             {% endfor %}
  713.             var option_size_id = new Array();
  714.             var option_size_name = new Array();
  715.             {% for _k, _size in size %}
  716.             option_size_id[{{ _k }}] = {{ _size.gp_id }}
  717.                 option_size_name[{{ _k }}] = "{{ _size.size_name }}"
  718.             {% endfor %}
  720.             var option_stock_list = new Array();
  721.             var option_stock_flg = new Array();
  723.             {% for _cid, _v in stockList %}
  724.             option_stock_list[{{ _cid }}] = new Array();
  725.             option_stock_flg[{{ _cid }}] = new Array();
  726.             {% for _gid, _stock in _v %}
  727.             {% set matches = [] %}
  728.             {% if stockKeppinList[_cid][_gid] %}
  729.             option_stock_list[{{ _cid }}][{{ _gid }}] = false;
  730.             option_stock_flg[{{ _cid }}][{{ _gid }}] = 0;
  731.             {% elseif preg_match('/^[0-9]+?$/', _stock, matches) %}
  732.             option_stock_list[{{ _cid }}][{{ _gid }}] = false;
  733.             option_stock_flg[{{ _cid }}][{{ _gid }}] = {{ _stock }};
  734.             {% elseif _stock == '＊' %}
  735.             option_stock_list[{{ _cid }}][{{ _gid }}] = 1000;
  736.             option_stock_flg[{{ _cid }}][{{ _gid }}] = true;
  737.             {% endif %}
  738.             {% endfor %}
  739.             {% endfor %}
  741.             args = {};
  742.             args['goods'] = {{ data | json_encode() | raw }};
  743.             args['goods']['color'] = {{ color | json_encode() | raw }};
  744.             args['goods']['size'] = {{ size | json_encode() | raw }};
  745.             args['stockList'] = {{ stockList | json_encode() | raw }};
  746.             args['stockKeppinList'] = {{ stockKeppinList | json_encode() | raw }};
  747.             args['option_color_id'] = option_color_id;
  748.             args['option_color_name'] = option_color_name;
  749.             args['option_size_id'] = option_size_id;
  750.             args['option_size_name'] = option_size_name;
  751.             args['option_stock_list'] = option_stock_list;
  752.             args['option_stock_flg'] = option_stock_flg;
  753.             main(args);
  754.         });
  756.     </script>
  757.     <script type="text/javascript">
  758.         $('.kuru2').on('kuru2ed', function (e) {
  759.             $.ajax('/ajax/kuru2ed/', {
  760.                 type: 'post',
  761.                 dataType: 'json',
  762.                 data: {id: GOODS_ID},
  763.                 xhrFields: {withCredentials: true}
  764.             });
  765.         });
  766.     </script>
  767.     <script>
  768.         function moveToTarget(target_no) {
  769.             if (target_no == "prev") {
  770.                 target_no = current_no - 1;
  771.             } else if (target_no == "next") {
  772.                 target_no = current_no + 1;
  773.             }
  774.             img_total_count = {{ imgrow | length }};
  775.             {% if mainUrl is defined and mainUrl %}
  776.             img_total_count++;
  777.             {% endif %}
  778.             if (target_no >= img_total_count) {
  779.                 target_no = 0;
  780.             } else if (target_no < 0) {
  781.                 target_no = img_total_count - 1;
  782.             }
  783.             $("#main_banner").css({"-webkit-transition-duration": "500ms"});
  784.             $("#main_banner").css({"-webkit-transform": "translate3d(-" + (img_width * target_no) + "px, 0, 0)"});
  785.             current_no = target_no;
  786.             $(".control-selected").removeClass("control-selected");
  787.             $(".control").eq(current_no).addClass("control-selected");
  788.             $("#disp_current_no").text(current_no);
  789.         }
  791.         function loop() {
  792.             current_no++;
  793.             moveToTarget(current_no);
  794.             loop_timeout = setTimeout("loop()", 2000);
  795.         }
  797.         function init() {
  798.             img_total_count = {{ imgrow | length }};
  799.             {% if mainUrl is defined and mainUrl %}
  800.             img_total_count++;
  801.             {% endif %}
  802.             img_width = 498;
  803.             if ($(window).width() < img_width) {
  804.                 img_width = $(window).width();
  805.             }
  806.             $("#main_banner_wrapper").css("width", img_width);
  807.             $(".slide-img").css("width", img_width).show();
  808.             $("#main_banner").css("width", img_width * img_total_count);
  809.             $("#main_banner").css({"-webkit-transition-duration": "0ms"});
  810.             $("#main_banner").css({"-webkit-transform": "translate3d(0, 0, 0)"});
  811.             moveToTarget(0);
  812.         }
  814.         function main(args) {
  815.             // 在庫一覧の生成
  816.             var data = args['data'];
  817.             var nyukaYoteibiList = args['nyukaYoteibiList'];
  818.             var stockKeppinList = args['stockKeppinList'];
  819.             var stockList = args['stockList'];
  820.             var goods = args['goods'];
  821.             var colorList = goods['color'];
  822.             var sizeList = goods['size'];
  823.             var sizeCount = sizeList.length;
  824.             var $tbody = $('#size-chart-body');
  825.             for (var i = 0; i < colorList.length; i++) {
  826.                 var color = colorList[i];
  827.                 for (var j = 0; j < sizeList.length; j++) {
  828.                     var size = sizeList[j];
  829.                     var $tr = $('<tr />').appendTo($tbody);
  830.                     var stock;
  831.                     if (j == 0) {
  832.                         var $tdColorLabel = $('<td />')
  833.                             .attr({rowspan: sizeCount})
  834.                             .css({'background-color': color['color_rgb'].replace(/#?([^#]+)/, '#$1')})
  835.                             .html('&nbsp;')
  836.                             .appendTo($tr);
  837.                         var $tdColor = $('<td />')
  838.                             .attr({rowspan: sizeCount})
  839.                             .css({'background-color': '#FFFFFF'})
  840.                             .html(color['color_name'])
  841.                             .appendTo($tr);
  842.                     }
  843.                     var $tdSize = $('<td />')
  844.                         .css({'background-color': '#FFFFFF'})
  845.                         .html(size['size_name'])
  846.                         .appendTo($tr);
  847.                     var $tdStock = $('<td />')
  848.                         .css({'background-color': '#FFFFFF'})
  849.                         .appendTo($tr);
  850.                     if (nyukaYoteibiList && nyukaYoteibiList[color['gcl_id']] && nyukaYoteibiList[color['gcl_id']][size['gp_id']]) {
  851.                         $tdStock.html('入荷予定日' + nyukaYoteibiList[color['gcl_id']][size['gp_id']].zdate);
  852.                     } else if (stockKeppinList[color['gcl_id']][size['gp_id']]) {
  853.                         $tdStock.html('在庫切れ');
  854.                     } else if (stockList[color['gcl_id']][size['gp_id']] == '0') {
  855.                         $tdStock.html('在庫切れ');
  856.                     } else if (stockList[color['gcl_id']][size['gp_id']] == '＊') {
  857.                         $tdStock.html('問合せ');
  858.                     } else if (stockList[color['gcl_id']][size['gp_id']] > 0 && stockList[color['gcl_id']][size['gp_id']] <= 10) {
  859.                         $tdStock.html('<span style="color:red;">残り' + stockList[color['gcl_id']][size['gp_id']] + '</span>');
  860.                     } else if ((stock = stockList[color['gcl_id']][size['gp_id']]) !== undefined) {
  861.                         $tdStock.html(stock.toLocaleString());
  862.                     } else {
  863.                         $tdStock.html('在庫切れ');
  864.                     }
  865.                 }
  866.             }
  868.             var option_color_id = args['option_color_id'] || [];
  869.             var option_color_name = args['option_color_name'] || [];
  870.             var option_size_id = args['option_size_id'] || [];
  871.             var option_size_name = args['option_size_name'] || [];
  872.             var option_stock_list = args['option_stock_list'] || [];
  873.             var option_stock_flg = args['option_stock_flg'] || [];
  874.             var no_disp_color = [];
  875.             var no_disp_size = [];
  877.             var t = 1;
  878.             // setInterval(function(){
  879.             //     if(t) {
  880.             //         $("#blink").css('color', '#fff');
  881.             //         t=0;
  882.             //     }else {
  883.             //         $("#blink").css('color', '#f00');
  884.             //         t=1;
  885.             //     }
  886.             // },500);
  888.             dragging = false;
  889.             current_no = 0;
  890.             // diff = 0;
  892.             // loop_timeout = setTimeout("loop()", 2000);
  893.             loop_timeout = null;
  895.             $(window).bind("orientationchange", function () {
  896.                 switch (window.orientation) {
  897.                     case 0:
  898.                         init();
  899.                     case 90:
  900.                         init();
  901.                     case -90:
  902.                         init();
  903.                 }
  904.             });
  906.             $("#main_banner").bind("touchmove", function (e) {
  907.                 if (dragging == true && $("#main_banner").css("-webkit-transition-duration") != "500ms") {
  908.                     diff_x = e.originalEvent.changedTouches[0].pageX - start_x;
  909.                     diff_y = e.originalEvent.changedTouches[0].pageY - start_y;
  910.                     isScroll = Math.abs(diff_y) >= Math.abs(diff_x);    // 縦の移動量の方が多いときはスクロールとみなす
  911.                     if (!isScroll) {
  912.                         e.preventDefault();    // Android 対策
  913.                         $("#main_banner").css({"-webkit-transition-duration": "0ms"});
  914.                         move = (current_no * img_width) - diff_x;
  915.                         if (move < 0) {
  916.                             move = Math.abs(move);
  917.                             $("#main_banner").css({"-webkit-transform": "translate3d(" + move + "px, 0, 0)"});
  918.                         } else {
  919.                             $("#main_banner").css({"-webkit-transform": "translate3d(-" + ((current_no * img_width) - diff_x) + "px, 0, 0)"});
  920.                         }
  921.                     }
  922.                 }
  923.             });
  925.             $("#main_banner").bind("touchstart", function (e) {
  926.                 //e.preventDefault();
  927.                 start_x = e.originalEvent.changedTouches[0].pageX;
  928.                 start_y = e.originalEvent.changedTouches[0].pageY;
  929.                 dragging = true;
  930.                 clearTimeout(loop_timeout);
  931.             });
  933.             $("body").bind("touchend", function () {
  934.                 if (dragging == true) {
  935.                     if (diff_x <= -20 && current_no < $('#control-ul li').length && !isScroll) {
  936.                         current_no++;
  937.                     } else if (diff_x >= 20 && current_no > 0 && !isScroll) {
  938.                         current_no--;
  939.                     }
  940.                     moveToTarget(current_no);
  941.                 }
  942.                 dragging = false;
  943.             });
  945.             function check_nodisp(c, s) {
  946.                 for (k = 0; k < no_disp_color.length; k++) {
  947.                     if ((no_disp_color[k] == c) && (no_disp_size[k] == s)) {
  948.                         return 1;
  949.                     }
  950.                 }
  951.                 return 0;
  952.             }
  954.             function add_color(selectC, size) {
  955.                 for (i = 0; i < option_color_id.length; i++) {
  956.                     if (size != "") {
  957.                         if (check_nodisp(option_color_id[i], size) == 1) {
  958.                             continue;
  959.                         }
  960.                     }
  961.                     selectC.append($('<option>').html(option_color_name[i]).val(option_color_id[i]).attr('data-idx', i + 1));
  962.                 }
  963.             }
  965.             function add_size(selectS, color) {
  966.                 for (i = 0; i < option_size_id.length; i++) {
  967.                     if (color != "") {
  968.                         if (check_nodisp(color, option_size_id[i]) == 1) {
  969.                             continue;
  970.                         }
  971.                     }
  972.                     selectS.append($('<option>').html(option_size_name[i]).val(option_size_id[i]).attr('data-idx', i + 1));
  973.                 }
  974.             }
  976.             function add_quantity(color, size, $cartInputTableWrap) {
  977.                 // オプションを全て消す
  978.                 $('select.quantity > option', $cartInputTableWrap).remove();
  980.                 // 「／在庫数：XX」部分を隠す
  981.                 $('.stock-number-part', $cartInputTableWrap).hide();
  983.                 // 数量はデフォルトで1をセット
  984.                 $('select.quantity', $cartInputTableWrap).append($('<option value="1">1</option>'));
  986.                 // サイズもカラーも選択されている場合
  987.                 if (size && color) {
  989.                     var sizeCount = option_stock_list[color][size];
  990.                     if (sizeCount === '＊') {    // 在庫あり
  991.                         $cartInputTableWrap.find('.select-quantity').hide();
  992.                         $cartInputTableWrap.find('.select-quantity-no-stock').hide();
  993.                         $cartInputTableWrap.find('.select-quantity-free').show();
  994.                         $('.stock-number', $cartInputTableWrap).text(sizeCount);
  995.                         $('.stock-number-part', $cartInputTableWrap).show();
  996.                         $('.quantity', $cartInputTableWrap).prop('disabled', true);
  997.                         $('.quantity-free', $cartInputTableWrap).prop('disabled', false);
  998.                     } else if (sizeCount) {    // 在庫あり
  999.                         $cartInputTableWrap.find('.select-quantity').show();
  1000.                         $cartInputTableWrap.find('.select-quantity-no-stock').hide();
  1001.                         $cartInputTableWrap.find('.select-quantity-free').hide();
  1002.                         $('.stock-number', $cartInputTableWrap).text(sizeCount);
  1003.                         $('.stock-number-part', $cartInputTableWrap).show();
  1004.                         $('.quantity', $cartInputTableWrap).prop('disabled', false);
  1005.                         $('.quantity-free', $cartInputTableWrap).prop('disabled', true);
  1006.                     } else {        // 在庫なし
  1007.                         $cartInputTableWrap.find('.select-quantity').hide();
  1008.                         $cartInputTableWrap.find('.select-quantity-no-stock').show();
  1009.                         $cartInputTableWrap.find('.select-quantity-free').hide();
  1010.                         $('.quantity', $cartInputTableWrap).prop('disabled', true);
  1011.                         $('.quantity-free', $cartInputTableWrap).prop('disabled', true);
  1012.                     }
  1014.                     for (i = 2; i <= sizeCount; i++) {    // 在庫なしの場合、sizeCountが0なので、一度も実行されない
  1015.                         $('select.quantity', $cartInputTableWrap).append($('<option>').html(i).val(i));
  1016.                     }
  1017.                 }
  1018.             }
  1020.             add_color($('select.color:first'), "");
  1021.             add_size($('select.size:first'), "");
  1022.             add_quantity();
  1023.             $('select.quantity').on('change', function () {
  1024.                 checkSelectState();
  1025.             });
  1027.             // 色、サイズ、数量の選択状況をチェックし、カートに追加できる状況であれば追加ボタンを有効にする
  1028.             function checkSelectState() {
  1029.                 var isActive = false;
  1030.                 $('.cartInputTable').each(function () {
  1031.                     var $this = $(this);
  1032.                     if (
  1033.                         $('select.color', $this).val() !== '' &&
  1034.                         $('select.size', $this).val() !== '' &&
  1035.                         (!$('select.quantity', $this).prop('disabled')
  1036.                             || !$('input.quantity-free', $this).prop('disabled') && $('input.quantity-free', $this).val() !== '')
  1037.                     ) {
  1038.                         isActive = true;
  1039.                         return false;
  1040.                     }
  1041.                 });
  1043.                 // toggleSubmit(isActive);
  1044.             }
  1046.             toggleSubmit(true);
  1048.             function toggleSubmit(isActive) {
  1049.                 if (isActive) {
  1050.                     $('#cartBtnImg').show();
  1051.                     $('#mitsumoriCartBtnImg').show();
  1052.                     $('#susoageCartBtnImg').show();
  1053.                     $('#sampleCartBtnImg').show();
  1054.                     $('#cartBtnImgDisabled').hide();
  1055.                     $('#mitsumoriCartBtnImgDisabled').hide();
  1056.                     $('#sampleCartBtnImgDisabled').hide();
  1057.                 } else {
  1058.                     $('#cartBtnImg').hide();
  1059.                     $('#mitsumoriCartBtnImg').hide();
  1060.                     $('#susoageCartBtnImg').hide();
  1061.                     $('#sampleCartBtnImg').hide();
  1062.                     $('#cartBtnImgDisabled').show();
  1063.                     $('#mitsumoriCartBtnImgDisabled').show();
  1064.                     $('#sampleCartBtnImgDisabled').show();
  1065.                 }
  1066.             }
  1068.             $('select.color,select.size,.quantity-free').on('change', function () {
  1069.                 var $cartInputTableWrap = $(this).parents('.cartInputTable');
  1070.                 add_quantity($('select.color', $cartInputTableWrap).val(), $('select.size', $cartInputTableWrap).val(), $cartInputTableWrap);
  1071.                 checkSelectState();
  1072.             });
  1073.         }
  1075.         $(function () {
  1076.             $("#toggle-2").click(function () {
  1077.                 $(".display-2").toggle();
  1078.             });
  1080.             $("#toggle-3").click(function () {
  1081.                 $(".display-3").toggle();
  1082.             });
  1084.             // 非セット品番　無地でカートに入れる
  1085.             $("#cartBtnImg").click(function () {
  1086.                 $('input[name=print]').val('');
  1087.                 $('input[name=susoage]').val('');
  1088.                 $('input[name=sample]').val('');
  1089.                 send_to_cartin('order');
  1090.                 // $('#button-add-to-cart').click(add_to_cart);
  1091.                 // if ($('#tableAddDiv').find('table').size() == 0) $("#addCartInputRowBtn").click();
  1092.             });
  1094.             $("#sampleCartBtnImg").click(function () {
  1095.                 $('input[name=print]').val('');
  1096.                 $('input[name=susoage]').val('');
  1097.                 $('input[name=sample]').val('on');
  1098.                 send_to_cartin('sample');
  1099.                 // $('#button-add-to-cart').click(add_to_cart_sample);
  1100.                 // if ($('#tableAddDiv').find('table').size() == 0) $("#addCartInputRowBtn").click();
  1101.             });
  1103.             $("#mitsumoriCartBtnImg").click(function () {
  1104.                 $('input[name=print]').val('on');
  1105.                 $('input[name=susoage]').val('');
  1106.                 $('input[name=sample]').val('');
  1107.                 send_to_cartin('print');
  1108.                 // $('#button-add-to-cart').click(add_to_cart_print);
  1109.                 // if ($('#tableAddDiv').find('table').size() == 0) $("#addCartInputRowBtn").click();
  1110.             });
  1112.             // 裾上げ
  1114.             /**
  1115.              * PCで裾上げはプリントあり、裾上げあり、という情報でPOSTされるので、同じにする。
  1116.              */
  1118.             $("#susoageCartBtnImg").click(function () {
  1119.                 $('input[name=print]').val('on');
  1120.                 $('input[name=susoage]').val('on');
  1121.                 $('input[name=sample]').val('');
  1122.                 send_to_cartin('susoage');
  1123.             });
  1125.             $('.closeLink').click(function () {
  1126.                 $(this).parent().parent().parent().parent().remove();
  1127.                 return false;
  1128.             });
  1130. //電話で注文ボタン
  1131.             $("#telOrderBtnImg").click(function () {
  1132.                 showModalWindowTelOrder();
  1133.             });
  1135.             $("#sizeChartLink").click(function () {
  1136.                 showModalWindowSizeChart();
  1137.                 return false;
  1138.             });
  1140.             $('#modal-window-size-chart').click(function () {
  1141.                 closeModalWindowSizeChart();
  1142.                 return false;
  1143.             });
  1145.             $('#modal-window-tel-order a.call-btn').click(function () {
  1146.                 // 即時リクエストだと正常に通信できなかったので少しずらす
  1147.                 setTimeout(function () {
  1148.                     $.ajax({
  1149.                         type: "GET",
  1150.                         url: '/sp/ajax-count-tel-order-btn-click-up',
  1151.                         cache: false,
  1152.                         success: function () {
  1153.                             // クリックカウントの取得のみなので何もしない
  1154.                         },
  1155.                         error: function (XMLHttpRequest, textStatus, errorThrown) {
  1156.                             // 電話発信が行えない可能性があるので何もしない
  1157.                         }
  1158.                     });
  1159.                 }, 1000);
  1160.             });
  1162.         });
  1163.     </script>
  1164.     {% endif %}
  1166. </div>