Чтобы настройки селектора сработали, необходимо удостовериться в правильности разметки — data-product-id.
Настройки задаются через метод setConfig глобального объекта Products, его вызов стоит оставлять в глобальной области видимости. Если запустить метод внутри $(document).ready(function() {}), результат может быть не предсказуем.
Свойства которые можно задать через метод setConfig:
| Property | Default | Назначение |
|---|---|---|
| options | { 'default': 'option-default' } |
Через данный объект задаются шаблоны для вывода опций |
| fileUrl | Пустой объект | Объект для хранения картинок из раздела «Файлы» |
| decimal | Пустой объект | Колличество символов после запятой, для единиц измерения |
| filtered | true | Если значение true, то недоступные опции не выводятся в шаблон. |
| disableHideItem | false | Показывает недоступные варианты товаров, даже если в бек-офисе они отключены |
| selectUnavailable | true | Разрешить выбирать недоступный вариант (актуально если filtered: false) |
| allowUnavailable | false | Разрешить выбирать первым недоступный вариант |
| showVariants | true | При значении false, рендер опций не производится |
| initOption | true | Отмечать активные опции при инициализации? |
| useMax | false | Использовать максимальное колличество? Если значение true, в quantity невозможно указать колличество больше чем доступно на складе. |
Пример:
Products.setConfig({
initOption: true,
filtered: false,
showVariants: true,
fileUrl: fileUrl || {},
useMax: false,
decimal: {
kgm: 1,
dmt: 1
},
options: {
'Цвет': 'option-image',
'Размер': 'option-radio',
'Материал': 'option-select',
'Жесткий диск': 'option-span',
'default': 'option-span'
}
});