Здравствуйте.
Прошу помощи.
Есть выпадающий список на сайте под Isales. Нашел где это исправить. Там такой код списка.
<!-- OPTION SELECT TEMPLATE -->
<script type="text/template" data-template-id="option-default">
<div class="option-item option-<%= option.handle %> row middle-xl">
<label class="cell-mc-12 cell-xl-3"><%= option.title %></label>
<div class="cell-mc-12 cell-xl-4 cell-xs-8">
<div class="select-wrapper select-styled">
<select class="select-field" data-option-bind="<%= option.id %>">
<% _.forEach(option.values, function (value){ %>
<option
data-value-position="<%= value.position %>"
value="<%= value.position %>"
<% if (option.selected == value.position & initOption) { %>selected<% } %>
<% if (value.disabled) { %>disabled<% } %>
>
<%= value.title %>
</option>
<% }) %>
</select>
</div>
</div>
</div><!-- /.option-item -->
</script>
Я добавил строку
<option value="" selected="selected"> --- Выберите размер --- </option>
и кое что убрал. Теперь в окне написано -Выберите размер-. И он выберается ( т. е. в корзину попадает). Но в окне не фиксируется, а сразу опять перескакивает на -Выберите размер-. Человек не понимает, выбрал он или нет.
Как это поправить?
Код получился такой -
<!-- OPTION SELECT TEMPLATE -->
<script type="text/template" data-template-id="option-default">
<div class="option-item option-<%= option.handle %> row middle-xl">
<label class="cell-mc-12 cell-xl-3"><%= option.title %></label>
<div class="cell-mc-12 cell-xl-4 cell-xs-8">
<div class="select-wrapper select-styled">
<select class="select-field" data-option-bind="<%= option.id %>">
<option value="" selected="selected"> --- Выберите размер --- </option>
<% _.forEach(option.values, function (value){ %>
<option
data-value-position="<%= value.position %>"
value="<%= value.position %>"
<% if (value.disabled) { %>disabled<% } %>
>
<%= value.title %>
</option>
<% }) %>
</select>
</div>
</div>
</div><!-- /.option-item -->
</script>
Посмотреть на сайте
Спасибо!