Страница: https://bit.ly/3MXh5HT (Карточка товара)
Задача:
- написать Java Script костыль, который заменит компонент Quantity Input на Select, и при выборе значения в нём заменять Price
- скриншот https://bit.ly/3TJnKs5
Описание задачи:
1. Cоздать Select с помощью JS, который соберет данные (options) отсюда https://bit.ly/3N1PVj9
2. Добавить этот Select в html-код (вместо Quantity), с помощью какой-либо функции "apped, prepend, AppendTo и т.д." (ну вы поняли).
3. Quantity скрыть — "display none" или "overflow hidden, opacity 0, width 0. height 0 (смотрите сами как лучше)
4. При выборе значения в Select (on change) — нужно брать это значение и ставить в Quantity (то есть Quantity будет скрыт, но должен при этом работать).
5. Также параллельно пункту 4, при выборе значения из Select — нужно Selected Value умножать на Current Price (https://bit.ly/3D0dvZ3), и устанавливать в Price (https://bit.ly/3N1hjhu).
Итого должен получится функционал, как в этом примере: https://bit.ly/3F8C5K4 (выбрал значения, поменялась цена).
Примечание:
- Если таблицы (этой https://bit.ly/3VXRTW6) — не будет в карточке товара, то нужно не запускать скрипт вовсе
- Пункт 1 можно реализовать, предварительно добавив Select в карточку товара с помощью PHP, но я не знаю, можно ли это сделать "под капотом". (Стоит тема Blocksy)
Просьбы:
- не пишите мне в личные сообщения
- не делайте ставку-заготовку, прочитайте задачу
Сроки:
- проект нужно выполнить в Понедельник-Вторник (не позже)
Ожидаю ваши предложения.