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.     {% set prev_condition = '' %}
  13.     {% set count = 0 %}
  14.     {% set index = 0 %}
  15.     {% set lastIndex = Product.ProductOptions|length - 1 %}
  17.     {% for ProductOption in Product.ProductOptions %}
  20.         {% set value = 'productoption' ~ ProductOption.Option.id %}
  21.         {% set current_condition = '' %}
  23.         {% if '張地' in ProductOption.Option.backend_name %}
  24.             {% set current_condition = '張地' %}
  26.         {% elseif 'サイズ選択' in ProductOption.Option.backend_name %}
  27.             {% set current_condition = 'サイズ' %}
  29.         {% elseif '画像あり' in ProductOption.Option.backend_name %}
  30.             {% set current_condition = '画像あり' %}
  32.         {% elseif '配送' in ProductOption.Option.backend_name %}
  33.             {% set current_condition = '配送' %}
  35.         {% endif %}
  38.         {% if prev_condition != current_condition %}
  40.             {# 最後のカウントの処理 ============================= #}
  41.             {% if prev_condition != '' %}
  42.                 {% if current_condition == '張地' or current_condition == 'サイズ' %}
  44.                 {% endif %}
  45.             {% endif %}
  47.             {# 最初のカウントの処理 ============================= #}
  48.             {% set count = 0 %}
  49.             {% if count == 0 %}
  51.                 {% if current_condition == '張地' or current_condition == 'サイズ' %}
  52.                     <div class="ec-select" style="margin-top: 10px;">
  53.                         <div class="choice_display_area__top">
  54.                             <h4>{{ current_condition }}選択</h4>
  55.                             <a href="?" id="option_description_link_{{ current_condition }}" data-btn-type="{{ current_condition }}" class="option_description_link_brn"><span class="ec-link ec-font-size-2">リストから選択</span></a>
  56.                         </div>
  57.                         {# 選択したオプション項目を表示 #}
  58.                         <div class="choice_display_area" data-type="{{ current_condition }}" data-select-result="false">
  59.                             <div class="choice_display_area__inner">
  60.                                 <img src="">
  61.                                 <div class="choice_display_area__right">
  62.                                     <h3></h3>
  63.                                     <p></p>
  64.                                 </div><!--/.choice_display_area__right-->
  65.                             </div><!--/.choice_display_area__inner-->
  66.                             <a id="option_delete_link_btn_{{ current_condition }}" data-price="" data-type="{{ current_condition }}" class="option_delete_link_btn">選択クリア</a>
  67.                         </div><!--/.choice_display_area-->
  68.                     </div>
  69.                 {% endif %}
  70.             {% endif %}
  71.         {% endif %}
  73.         {# 最初と最後以外の通常処理 ============================= #}
  76.         {# チェックボックス #}
  77.         {% if ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::CHECKBOX_TYPE')%}
  78.             <div class="option_hidden_block">
  79.                 <div class="ec-checkbox" style="margin-top: 10px;">
  80.                     <div class="option_Label">
  81.                         <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 %}
  82.                         {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  83.                             &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>
  84.                         {% endif %}
  85.                     </div>
  86.                     {{ form_widget(form[value]) }}
  87.                 </div>
  88.             </div><!--/.option_hidden_block-->
  90.         {# プルダウンタイプ #}
  91.         {% elseif  ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::SELECT_TYPE')%}
  93.             {% if current_condition == '張地' or current_condition == 'サイズ' %}
  94.             <div class="option_hidden_block" id="option_hidden_block_{{ Product.id }}_{{ ProductOption.Option.id }}">
  95.                 <div class="option_Label">
  96.                     {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  97.                     {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  98.                         &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>
  99.                     {% endif %}
  100.                 </div>
  101.                 <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %} data-select-type="{{ current_condition }}">
  102.                     {{ form_widget(form[value]) }}
  103.                     {{ form_errors(form[value]) }}
  104.                 </div>
  105.             </div><!--/.option_hidden_block-->
  107.             {% elseif current_condition == '画像あり' %}
  108.                 <div class="ec-select ec-select__flex" style="margin-top: 10px;">
  109.                     <div class="option_Label">
  110.                         {{ form_label(form[value]) }}
  111.                         {#
  112.                         {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  113.                             &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>
  114.                         {% endif %}
  115.                         #}
  116.                     </div>
  117.                     <div class="option_select" id="option_description_link_{{ Product.id }}_{{ ProductOption.Option.id }}" data="{{ Product.id }}">
  118.                         <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  119.                             {{ form_widget(form[value]) }}
  120.                             {{ form_errors(form[value]) }}
  121.                         </div>
  122.                     </div>
  123.                 </div>
  125.             {% else %}
  126.                 <div class="ec-select ec-select__flex" style="margin-top: 10px;">
  127.                     <div class="option_Label">
  128.                         {{ form_label(form[value]) }}
  129.                     </div>
  131.                     <div class="option_select">
  132.                         <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  133.                             {{ form_widget(form[value]) }}
  134.                             {{ form_errors(form[value]) }}
  135.                         </div>
  136.                     </div>
  137.                 </div>
  139.             {% endif %}
  142.         {# 数値入力タイプ #}
  143.         {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::NUMBER_TYPE') %}
  144.            <div class="option_hidden_block">
  145.                 <div class="ec-numberInput" style="margin-top: 10px;">
  146.                     <div class="option_Label">
  147.                         {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  148.                         {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  149.                             &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>
  150.                         {% endif %}
  151.                     </div>
  152.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  153.                         {{ form_widget(form[value]) }}
  154.                         {{ form_errors(form[value]) }}
  155.                     </div>
  156.                 </div>
  157.            </div><!--/.option_hidden_block-->
  159.         {# 日付タイプ #}
  160.         {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::DATE_TYPE') %}
  161.             <div class="option_hidden_block">
  162.                 <div class="ec-input" style="margin-top: 10px;">
  163.                     <div class="option_Label">
  164.                         {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  165.                         {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  166.                             &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>
  167.                         {% endif %}
  168.                     </div>
  169.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %} style="position: relative">
  170.                         {{ form_widget(form[value], { attr : { 'data-target' : '#'~form[value].vars.id }}) }}
  171.                         {{ form_errors(form[value]) }}
  172.                     </div>
  173.                 </div>
  174.             </div><!--/.option_hidden_block-->
  176.         {# テキストボックスタイプ #}
  177.         {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::TEXT_TYPE') %}
  178.             <div class="option_hidden_block">
  179.                 <div class="ec-input" style="margin-top: 10px;">
  180.                     <div class="option_Label">
  181.                         {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  182.                         {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  183.                             &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>
  184.                         {% endif %}
  185.                     </div>
  186.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  187.                         {{ form_widget(form[value]) }}
  188.                         {{ form_errors(form[value]) }}
  189.                     </div>
  190.                 </div>
  191.             </div><!--/.option_hidden_block-->
  193.         {# テキストエリアタイプ #}
  194.         {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::TEXTAREA_TYPE')%}
  195.             <div class="option_hidden_block">
  196.                 <div class="ec-input" style="margin-top: 10px;">
  197.                     <div class="option_Label">
  198.                         {{ form_label(form[value]) }}{% if form[value].vars.required %}<span class="ec-required">{{'common.required'|trans}}</span>{% endif %}
  199.                         {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  200.                             &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>
  201.                         {% endif %}
  202.                     </div>
  203.                     <div {% if form[value].vars.errors is not empty %}class="has-error"{% endif %}>
  204.                         {{ form_widget(form[value]) }}
  205.                         {{ form_errors(form[value]) }}
  206.                     </div>
  207.                 </div>
  208.             </div><!--/.option_hidden_block-->
  210.         {# ラジオボタン == 配送方法 #}
  211.         {% elseif ProductOption.Option.type == constant('Plugin\\ProductOption42\\Entity\\Option::RADIO_TYPE') %}
  212.             <div class="ec-blockRadio" style="margin-top: 10px;">
  213.                 <div class="option_Label delivery_info">
  214.                     <div class="delivery_info_ttl">
  215.                         <label for="productoption{{ ProductOption.Option.id }}">{{ form[value].vars.label }}</label>
  216.                     {% if ProductOption.Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\Option::DISP_ON') %}
  217.                         &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>
  218.                     {% endif %}
  219.                     </div><!--/.delivery_info_ttl-->
  220.                     <div class="delivery_info__right">
  221.                         <div class="delivery_info__right__top">
  222.                             {{ form_widget(form[value]) }}
  223.                             <a class="delivery_link" href="{{ url('homepage') }}guide#target_04">配送について</a>
  224.                         </div><!--/.delivery_info__right__top-->
  225.                         <br>
  226.                         <p class="notes_txt">開梱・設置配送の場合、商品の開梱・組立・設置をし梱包材をお持ち帰りいたします。</p>
  227.                     </div><!--/.delivery_info__right-->
  228.                 </div><!--/.delivery_info-->
  229.             </div><!--/.option_Label-->
  230.         {% endif %}
  232.         {# 最後の選択の最後のカウントの処理 ============================= #}
  233.         {% if index == lastIndex %}
  234.             {% if current_condition == '張地' or current_condition == 'サイズ' %}
  236.             {% endif %}
  237.         {% endif %}
  239.         {% set prev_condition = current_condition %}
  240.         {% set count = count + 1 %}
  241.         {% set index = index + 1 %}
  243.     {% endfor %}
  244. {% endif %}