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

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

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

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

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

Рекомендуется использовать код из стандартного шаблона, но при необходимости можно получить параметры в массиве $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() {
    // код выборки параметров
}