app/Plugin/SlnRegular4/Resource/template/Product/list.twig line 1

Open in your IDE?
  1. <script>
  3.     $(function () {
  4.         $('form[id^="productForm"').each(function(index, elm) {
  5.             $form = $(elm);
  6.             var product_id = $form.find('input[name=product_id]').val();
  7.             onClassCategorySelect($form, product_id);
  8.         });
  10.         // 規格1選択時
  11.         $('select[name=classcategory_id1]')
  12.             .change(function() {
  13.                 var $form = $(this).parents('form');
  14.                 var product_id = $form.find('input[name=product_id]').val();
  15.                 var $sele1 = $(this);
  16.                 // var $sele2 = $form.find('select[name=classcategory_id2]');
  17.                 onClassCategorySelect($form, product_id, $sele1.val(), '__unselected');
  18.             });
  20.         // 規格2選択時
  21.         $('select[name=classcategory_id2]')
  22.             .change(function() {
  23.                 var $form = $(this).parents('form');
  24.                 var product_id = $form.find('input[name=product_id]').val();
  25.                 var $sele1 = $form.find('select[name=classcategory_id1]');
  26.                 var $sele2 = $(this);
  27.                 onClassCategorySelect($form, product_id, $sele1.val(), $sele2.val());
  28.             });
  30.     });
  32.     function onClassCategorySelect($form, product_id, product_class_cat1, product_class_cat2) {
  33.         var productData = [];
  34.         
  35.         {% for product_id, productInfo in productData %}
  36.             productData['{{ product_id }}'] = [];
  37.             productData['{{ product_id }}']['hasClassCat1'] = {{ productInfo['hasClassCat1'] ? 'true' : 'false'  }};
  38.             productData['{{ product_id }}']['hasClassCat2'] = {{ productInfo['hasClassCat2'] ? 'true' : 'false' }};
  39.             productData['{{ product_id }}']['price2IncTaxMin'] = '{{ productInfo['price2IncTaxMin']|price }}';
  40.             productData['{{ product_id }}']['price2IncTaxMax'] = '{{ productInfo['price2IncTaxMax']|price }}';
  41.             productData['{{ product_id }}']['price02IncTaxMin'] = '{{ productInfo['price02IncTaxMin']|price }}';
  42.             productData['{{ product_id }}']['price02IncTaxMax'] = '{{ productInfo['price02IncTaxMax']|price }}';
  43.             productData['{{ product_id }}']['price2IncTaxs'] = [];
  44.             {% for key, price2IncTax in productInfo['price2IncTaxs'] %}
  45.                 productData['{{ product_id }}']['price2IncTaxs']['{{ key }}'] = '{{ price2IncTax|price }}';
  46.             {% endfor %}
  47.             productData['{{ product_id }}']['price02IncTaxs'] = [];
  48.             {% for key, price02IncTax in productInfo['price02IncTaxs'] %}
  49.                 productData['{{ product_id }}']['price02IncTaxs']['{{ key }}'] = '{{ price02IncTax|price }}';
  50.             {% endfor %}
  51.         {% endfor %}
  53.         var prod = productData[product_id];
  55.         if (prod === undefined) {
  56.             return;
  57.         }
  58.         
  59.         if (prod['hasClassCat2']) {
  60.             if (product_id === undefined || product_class_cat1 === undefined || product_class_cat1 === '__unselected' || product_class_cat2 === '__unselected') {
  61.                 interPrice2MultCat($form, prod['price02IncTaxMin'], prod['price02IncTaxMax'], prod['price2IncTaxMin'], prod['price2IncTaxMax']);
  62.                 return;
  63.             }
  64.             var key = product_id + "_" + product_class_cat1 + "_" + product_class_cat2;
  65.             var price02 = prod['price02IncTaxs'][key];
  66.             var price2 = prod['price2IncTaxs'][key];
  67.             if (price2 !== undefined) {
  68.                 interPrice2SingleCat($form, price02, price2);
  69.             }
  70.             else {
  71.                 interPrice2SingleCat($form, price02);
  72.             }
  73.         }
  74.         else if (prod['hasClassCat1']) {
  75.             if (product_id === undefined || product_class_cat1 === undefined || product_class_cat1 === '__unselected') {
  76.                 interPrice2MultCat($form, prod['price02IncTaxMin'], prod['price02IncTaxMax'], prod['price2IncTaxMin'], prod['price2IncTaxMax']);
  77.                 return;
  78.             }
  79.             var key = product_id + "_" + product_class_cat1;
  80.             var price02 = prod['price02IncTaxs'][key];
  81.             var price2 = prod['price2IncTaxs'][key];
  82.             if (price2 !== undefined) {
  83.                 interPrice2SingleCat($form, price02, price2);
  84.             }
  85.             else {
  86.                 interPrice2SingleCat($form, price02);
  87.             }
  88.         }
  89.         else {
  90.             interPrice2SingleCat($form, prod['price02IncTaxMin'], prod['price2IncTaxMin']);
  91.         }
  92.     }
  94.     function interPrice2MultCat($form, price02Min, price02Max, price2Min, price2Max) {
  95.         var $elm = $form.parent().find('.price02-default').first();
  96.         if (price02Min !== price2Min || price02Max !== price2Max) {
  97.             $elm.text(price2Min + ' (初回割引価格 ' + price02Min + ') ～ ' + price2Max + ' (初回割引価格 ' + price02Max + ')');
  98.         }
  99.         else {
  100.             $elm.text(price02Min + ' ～ ' + price02Max);
  101.         }
  102.     }
  104.     function interPrice2SingleCat($form, price02, price2) {
  105.         var $elm = $form.parent().find('.price02-default').first();
  106.         if (price2 !== undefined && price02 !== price2) {
  107.             $elm.text(price2 + ' (初回割引価格 ' + price02 + ')');
  108.         }
  109.         else {
  110.             $elm.text(price02);
  111.         }
  112.     }
  114.     function test() {
  115.         var elm;
  116.         {% if pagination.totalItemCount > 0 %}
  117.             {% for Product in pagination %}
  118.                 elm = $('li.ec-shelfGrid__item:eq({{ loop.index0 }}) > a >  p.price02-default');
  119.                 {% if hasPrice2Data[Product.id] %}
  120.                     {% set productInfo = productData[Product.id] %}
  121.                     {% set price2IncTaxMin = productInfo['price2IncTaxMin'] %}
  122.                     {% set price2IncTaxMax = productInfo['price2IncTaxMax'] %}
  123.                     {% if price2IncTaxMin == price2IncTaxMax %}
  124.                         {% if Product.getPrice02IncTaxMin != price2IncTaxMin %}
  125.                             {# 単一規格かつ販売価格と異なる #}
  126.                             elm.text('{{ price2IncTaxMin|price }} (初回割引価格 {{ Product.getPrice02IncTaxMin|price }})');
  127.                         {% endif %}
  128.                     {% else %}
  129.                         {# 複数規格 #}
  130.                         elm.text('{{ price2IncTaxMin|price }} (初回割引価格 {{ Product.getPrice02IncTaxMin|price }}) ～ {{ price2IncTaxMax|price }} (初回割引価格 {{ Product.getPrice02IncTaxMax|price }})');
  131.                     {% endif %}
  132.                 {% endif %}
  133.             {% endfor %}
  134.         {% endif %}
  135.     }
  136. </script>