Как реализовать выбор торгового предложения в карточке товара?

Question

[miniven]

Подскажите, как можно реализовать такую штуку: в карточке товара указаны его параметры. У товара есть торговые предложения. Нужно реализовать возможность выбора конкретного предложения по параметрам (например, нажимаю на параметр ширины и там выпадают все доступные варианты ширины)? Соответственно, подгружается кнопка заказать для конкретного выбранного предложения.
Буду благодарен за любые идеи

Answer 1

[ой всё]

ничего сложного
если ваши параметры не меняются каждую минуту, то все данные можно паковать в json, и потом динамически подгружать к селектам, и сами селекты так же динамически открывать при нужном значении и событию on change
отдельную кнопку для каждого варианта подгружать не надо, достаточно одной кнопки для отправки формы
если параметры меняются часто, то придется каждый раз лазить ajax колом
примеры легко можно найти на похожих сайтах

Comments

[Сергей]

а как нужный ид выбрать из списка всех предложений если у товара несколько переключателей торговых предложение?

Answer 2

[Александр Филиппенко]

Вопрос довольно сложен чтобы дать краткий ответ.
Все необходимые данные есть в массиве arResult, нужно передать их в JS и создать переключатель, который позволит выбирать ID нужного ТП, и добавлять его в корзину.
Можете посмотреть реализацию в стандартном шаблоне catalog.element. Или в каком-то из популярных готовых решений.

Comments

[Сергей]

а как нужный ид выбрать из списка всех предложений если у товара несколько переключателей торговых предложение?

[Александр Филиппенко]

Сергей, двумерный массив с ключами - значениями 1 и 2 свойства, и ID SKU в значении

[Сергей]

Александр Филиппенко, спс, понял, а как можно скрывать свойства по которым отбор идет?
Например выборка по 2 свойствам размер и цвет в первом размере есть 5 цветов, а во втором размере только 3 цвета, как скрыть 2 цвета, которых нет у ТП в во втором размере?

[Александр Филиппенко]

Сергей, ну так в массиве не надо заполнять все варианты. Только те которые есть, и потом в цикле выбирать доступные варианты