Чтобы настройки селектора сработали, необходимо удостовериться в правильности разметки — 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'
}
});