app/Plugin/ProductOption4/Resource/template/default/product_options.twig line 1

Open in your IDE?
  1. <style>
  2.     .product-option label {
  3.         min-width: 80px;
  4.     }
  5.     span.required {
  6.         color: #DE5D50;
  7.         padding-left: 3px;
  8.     }
  9.     .product-option label.error {
  10.         display: none;
  11.     }
  12.     .product-option select.error {
  13.         border: 1px solid red;
  14.     }
  15. </style>
  16. {% if options|length %}
  17.     {% for optionGroup in options %}
  18.         <div class="ec-select product-option">
  19.             <label>{{ optionGroup.name }}{% if optionGroup.required %}<span class="required">*</span>{% endif %}</label>
  20.             <select
  21.                     name="productOptions[{{ optionGroup.id }}]"
  22.                     class="product-option-select {% if optionGroup.required %}product-option-select-required{%  endif %}"
  23.                     {% if optionGroup.required %}
  24.                         required aria-required="true"
  25.                         title="This field is required"
  26.                     {% endif %}
  27.             >
  28.                 <option value="">Select</option>
  29.                 {% for option in optionGroup.options %}
  30.                     <option value="{{ option.id }}">{{ option.title }} (+￥{{ option.price }})</option>
  31.                 {% endfor %}
  32.             </select>
  33.         </div>
  34.     {% endfor %}
  35. {% endif %}