Артем

<select onChange={e => {
        console.log(e.target.value)
      }}>
    <option value="Сложение">+</option>
    <option value="Вычитание">−</option>
    <option value="Умножение">×</option>
    <option value="Деление">÷</option>
</select>

Решение простое: в ядре Битрикса FA версии 4+, а я копировал код для 5 версии.

Заменил <i class="fas fa-ellipsis-h"></i> на <i class="fa fa-bars" aria-hidden="true"></i>

Открыть админку, перейти в раздел:
Настройки - Настройки продукта - Настройки модулей - Главный модуль
Первая вкладка, группа настроек "Файлы", поставить галку "Сохранять исходные имена загружаемых файлов". Чтобы не было проблем с кириллическими названиями желательно поставить так же ещё 2 галки ниже этой - "Производить транслитерацию имени файла", "Автоматически заменять невалидные символы в именах загружаемых файлов"

Там же просто пнгшки. Одна стоит на фоне типа стол и комп, остальные меняются друг с другом по css кейфреймам. Даже без js похоже.

Просто сдвигаются изображения и пропадают через опасити.
transform-style: preserve-3d;
transition: opacity 50ms 0.2s cubic-bezier(0.3,0,0.3,1);

В старом ядре это достаточно просто делалось из обычных функций торгового каталога.
В новом ядре есть новые методы по работе с добавлением товара в корзину и некоторые из них являются заменой старым.

Все что Вам нужно - получить в одном месте список товаров и отправить запрос на свою страничку, где Вы добавите этот товар в корзину (либо можете по одному запросу на каждую позицию на скрипт корзины отправлять).

https://jsfiddle.net/w1e6fh39/

У компонента оформления есть параметр DISABLE_BASKET_REDIRECT

[Y|N] При отмеченной опции будет отображаться страница оформления заказа, даже если корзина пуста. В случае неотмеченной опции и пустой корзины будет выполняться переадресация на страницу с корзиной пользователя.