app/template/default/Product/option.twig line 1

Open in your IDE?
  1. {#
  2. * Plugin Name : ProductOption
  3. *
  4. * Copyright (C) BraTech Co., Ltd. All Rights Reserved.
  5. * http://www.bratech.co.jp/
  6. *
  7. * For the full copyright and license information, please view the LICENSE
  8. * file that was distributed with this source code.
  9. #}
  11. {% if Product.ProductOptions %}
  12.         {% for ProductOption in Product.ProductOptions %}
  13.             {% set value = 'productoption' ~ ProductOption.Option.id %}
  14.             {% if ProductOption.Option.id >= 2 and ProductOption.Option.id <= 6 %}
  15.                 <div class="noshi_area_{{ Product.id }} noshi_area">
  16.             {% endif %}
  17.             {# ラジオボタン #}
  18.             {% if ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::RADIO_TYPE') %}
  19.                 <div class="ec-blockRadio" style="margin-top: 10px;">
  20.                     <div class="option_Label">
  21.                         <label for="productoption{{ ProductOption.Option.id }}">{{ form[value].vars.label }}</label>{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  22.                         {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  23.                         &nbsp;<a href="?" id="option_description_link_{{ Product.id }}_{{ ProductOption.Option.id }}" data="{{ Product.id }}"><span class="ec-link ec-font-size-2">{{'productoption.product.option.description.title'|trans}}</span></a>
  24.                         {% endif %}
  25.                     </div>
  26.                     {{ form_widget(form[value]) }}
  27.                 </div>
  28.             {# チェックボックス #}
  29.             {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::CHECKBOX_TYPE')%}
  30.                 <div class="ec-checkbox" style="margin-top: 10px;">
  31.                     <div class="option_Label">
  32.                         <label for="productoption{{ ProductOption.Option.id }}">{{ form[value].vars.label }}</label>{% if ProductOption.Option.require_min > 0 %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  33.                         {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  34.                         &nbsp;<a href="?" id="option_description_link_{{ Product.id }}_{{ ProductOption.Option.id }}" data="{{ Product.id }}"><span class="ec-link ec-font-size-2">{{'productoption.product.option.description.title'|trans}}</span></a>
  35.                         {% endif %}
  36.                     </div>
  37.                     {{ form_widget(form[value]) }}
  38.                 </div>
  39.             {# プルダウンタイプ #}
  40.             {% elseif  ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::SELECT_TYPE')%}
  41.                 <div class="ec-select" style="margin-top: 10px;">
  42.                     <div class="option_Label">
  43.                         {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  44.                     {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  45.                         &nbsp;<a href="?" id="option_description_link_{{ Product.id }}_{{ ProductOption.Option.id }}" data="{{ Product.id }}"><span class="ec-link ec-font-size-2">{{'productoption.product.option.description.title'|trans}}</span></a>
  46.                     {% endif %}
  47.                     </div>
  48.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  49.                         {{ form_widget(form[value]) }}
  50.                     {{ form_errors(form[value]) }}
  51.                     </div>
  52.                 </div>
  53.             {# 数値入力タイプ #}
  54.             {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::NUMBER_TYPE') %}
  55.                 <div class="ec-numberInput" style="margin-top: 10px;">
  56.                     <div class="option_Label">
  57.                     {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  58.                     {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  59.                         &nbsp;<a href="?" id="option_description_link_{{ Product.id }}_{{ ProductOption.Option.id }}" data="{{ Product.id }}"><span class="ec-link ec-font-size-2">{{'productoption.product.option.description.title'|trans}}</span></a>
  60.                     {% endif %}
  61.                     </div>
  62.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  63.                         {{ form_widget(form[value]) }}
  64.                     {{ form_errors(form[value]) }}
  65.                     </div>
  66.                 </div>
  67.             {# 日付タイプ #}
  68.             {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::DATE_TYPE') %}
  69.                 <div class="ec-input" style="margin-top: 10px;">
  70.                     <div class="option_Label">
  71.                     {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  72.                     {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  73.                         &nbsp;<a href="?" id="option_description_link_{{ Product.id }}_{{ ProductOption.Option.id }}" data="{{ Product.id }}"><span class="ec-link ec-font-size-2">{{'productoption.product.option.description.title'|trans}}</span></a>
  74.                     {% endif %}
  75.                     </div>
  76.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %} style="position: relative">
  77.                         {{ form_widget(form[value], { attr : { 'data-target' : '#'~form[value].vars.id }}) }}
  78.                     {{ form_errors(form[value]) }}
  79.                     </div>
  80.                 </div>
  81.             {# テキストボックスタイプ #}
  82.             {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::TEXT_TYPE') %}
  83.                 <div class="ec-input" style="margin-top: 10px;">
  84.                     <div class="option_Label">
  85.                     {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  86.                     {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  87.                         &nbsp;<a href="?" id="option_description_link_{{ Product.id }}_{{ ProductOption.Option.id }}" data="{{ Product.id }}"><span class="ec-link ec-font-size-2">{{'productoption.product.option.description.title'|trans}}</span></a>
  88.                     {% endif %}
  89.                     </div>
  90.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  91.                         {{ form_widget(form[value]) }}
  92.                     {{ form_errors(form[value]) }}
  93.                     </div>
  94.                 </div>
  95.             {# テキストエリアタイプ #}
  96.             {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::TEXTAREA_TYPE')%}
  97.                 <div class="ec-input" style="margin-top: 10px;">
  98.                     <div class="option_Label">
  99.                         {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  100.                     {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  101.                         &nbsp;<a href="?" id="option_description_link_{{ Product.id }}_{{ ProductOption.Option.id }}" data="{{ Product.id }}"><span class="ec-link ec-font-size-2">{{'productoption.product.option.description.title'|trans}}</span></a>
  102.                     {% endif %}
  103.                     </div>
  104.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  105.                         {{ form_widget(form[value]) }}
  106.                     {{ form_errors(form[value]) }}
  107.                     </div>
  108.                 </div>
  109.             {% endif %}
  110.             {% if ProductOption.Option.id >= 2 and ProductOption.Option.id <= 6 %}
  111.                 </div>
  112.             {% endif %}
  113.         {% endfor %}
  114. {% endif %}
  116. {#▼RZ 2023.06.21 ADD のしの必要がない場合は入力欄を非表示に▼#}
  117. {% block javascript %}
  118.     <script>
  119.         const option_name_noshi = 'productoption1';
  120.         const option_name_bag = 'productoption7';
  121.         $(function() {
  122.             //のしの設定
  123.             $('[name=productoption1]').change(function() {
  124.                 var product_id = '';
  125.                 var option_id = $(this).attr('id');
  126.                 //一覧表示の場合は商品ID以外を'_'に置換
  127.                 if ($('body').attr('id') == 'page_product_list') {
  128.                     product_id = option_id.replace(option_name_noshi, '_');
  129.                 }
  130.                 if ($('#'+option_id).prop('selectedIndex') != 1) {
  131.                     $('.noshi_area'+product_id).css('display', 'none');
  132.                 } else {
  133.                     $('.noshi_area'+product_id).css('display', 'block');
  134.                 }
  135.             });
  136.         });
  137.     </script>
  138. {#}▲RZ 2023.06.21 ADD のしの必要がない場合は入力欄を非表示に▲#}
  139. {% endblock %}