1С-Битрикс Разработчикам

Постоянный посетитель

Сообщений: 223 Баллов: 35 Регистрация: 16.11.2013

06.11.2014 03:47:16

Как изменить отображение SKU на селекты и чекбоксы?
то что текстом - сделать селектом
а то что картинками - чекбоксами

В шаблоне меняю ul на select, li на option. В карточке товара отображение меняется. Но при выборе в селекте - цена не меняется. Пробовал script.js ковырять, но не хватает знаний. Может кто подскажет.

Код

<ul id="<? echo $arItemIDs['PROP'].$arProp['ID']; ?>_list" st yle="width: <? echo $strWidth; ?>;margin-left:0;">
<?foreach ($arProp['VALUES'] as $arOneValue)
{
?>
<li 
data-treevalue="<? echo $arProp['ID'].'_'.$arOneValue['ID']; ?>"
data-on evalue="<? echo $arOneValue['ID']; ?>"
st yle="width: <? echo $strOneWidth; ?>;"
id="sku-prop-id-<? echo $arOneValue['ID']; ?>"
><i></i><span class="cnt"><? echo htmlspecialcharsex($arOneValue['NAME']; ?></span></li>
<?
}
?>

</ul>

Пользователь 224413

Постоянный посетитель

Сообщений: 223 Баллов: 35 Регистрация: 16.11.2013

06.11.2014 05:03:54

С селектами решил таким образом
Там где заканчивается список </ul> под ним размещаем селект

Код

<select id="<? echo $arItemIDs['PROP'].$arProp['ID']; ?>_select">
<?foreach ($arProp['VALUES'] as $arOneValue)
{
?>
<option value="<? echo $arOneValue['ID']; ?>" class="sku-prop-id-<? echo $arOneValue['ID']; ?>"
><? echo htmlspecialcharsex($arOneValue['NAME']; ?></option>

<?
}
?></select>
<sc ript>
function clickSkuPr (str){ str = '#sku-prop-id-'+str;  $(str).click();}
$(function() {
  $('#<? echo $arItemIDs['PROP'].$arProp['ID']; ?>_select').change( function(){ scuV = $(this).val(); clickSkuPr (scuV);});
  
  $('#<? echo $arItemIDs['PROP'].$arProp['ID']; ?>_select option').each( function(){ 
 var className = $(this).attr('class');
 if ( $('li#'+className).hasClass("bx_missing" ) $(this).remove();
 
 
 
  });

});
</sc ript>

Сам список скрываем display:none. В итоге есть селект, который событием выбирает нужный параметр SKU.

Пользователь 172310

Эксперт

Сообщений: 1146 Баллов: 103 Регистрация: 16.03.2013

11.11.2014 16:53:20

Там же в шаблоне для каждого переключателя установлено событие OnClick.

Код
<inpu ... on click="submitForm();"... />

Вы не пробовали вызывать submitForm() по событию OnChange для списка?

Резюме

Пользователь 248535

Заглянувший

Сообщений: 12 Регистрация: 20.03.2014

13.11.2014 16:25:24

а у меня почему то не проканал вариант с добавлением селекта и скрипта...просто выдает пустую страницу...не подскажете, в чем может быть проблема?

код списка:

Код

      <div class="bx_size">
         <ul id="<? echo $arItemIDs['PROP'].$arProp['ID']; ?>_list" st yle="width: <? echo $strWidth; ?>;margin-left:0%;">
<?
         foreach ($arProp['VALUES'] as $arOneValue)
         {
            $arOneValue['NAME'] = htmlspecialcharsbx($arOneValue['NAME']);
?>
<li data-treevalue="<? echo $arProp['ID'].'_'.$arOneValue['ID']; ?>" data-on evalue="<? echo $arOneValue['ID']; ?>" st yle="width: <? echo $strOneWidth; ?>; display: none;">
<i title="<? echo $arOneValue['NAME']; ?>"></i><span class="cnt" title="<? echo $arOneValue['NAME']; ?>"><? echo $arOneValue['NAME']; ?></span></li>
<?
         }
?>
         </ul>   
         </div>

Форум

Центр поддержки

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером