Переключать параметры товара (размер, цвет)

Переключать параметры товара (размер, цвет и др) можно через торговые предложения. Каждый параметр это отдельное торговое предложение.

По умолчанию доступны два параметра: цвет и размер.

Bitrix: Параметры товара

Добавить параметр можно в настройках инфоблока, отметив для нужного свойства пункт Используется для выбора торговых предложений.

Bitrix: Используется для выбора торговых предложений

После сохранения настроек, указанный параметр появится на странице товара.

Bitrix: Пользовательский параметр

Рекомендуется использовать код из стандартного шаблона, но при необходимости можно получить параметры в массиве $arResult['SKU_PROPS'].

foreach ($arResult['SKU_PROPS'] as $sku_property) {

    // Имя параметра (цвет, размер)
    $sku_property['NAME'];

    foreach ($sku_property['VALUES'] as $value) {
        $value['NAME']; // параметр (фиолетовый, синий, L, XL)
    }

}

JavaScript-код выборки параметров находится в файле bitrix/components/bitrix/catalog.element/templates/.default/script.js.

// bitrix/components/bitrix/catalog.element/templates/.default/script.js

selectOfferProp: function() {
    // код выборки параметров
}