Сейчас код формы https://mos-radius.ru/ хранится в сниппете (Wordpress). Нужно создать новый сниппет и поместить туда код с новой формой.

Новая форма представляет собой расширенную существующую и должна выглядеть примерно как на картинке.

Стили остаются прежними (на картинке не обращаем внимания на кривые отступы/поля/шрифты), но в форму добавляется вкладка. Теперь будет две вкладки: Экскурсии и Подарочный сертификат на экскурсию.

  • Если юзер выбрал “Экскурсия”, то появляется селект с языком (русский (по-умолчанию), английский, немецкий), дата, время, кол-во участников, кнопка “Заказать экскурсию” (она есть и сейчас)
  • Если “Подарочный сертификат на экскурсию”, то появляются титул/оборот, способ добставки, адрес доставки (если выбрана доставка курьером), кнопка “Заказать сертификат, При этом при выбранной вкладке сертификата Обзорную экскурсию и Экскурсию мечты не выводим в список экскурсий.
  • Остальные поля должны быть в обеих формах.
  • Титул - здесь выводим конкретный jpg
  • Оборот - jpg, который зависит от выбранной экскурсии
Картинки пришлю.

Титул подгружается только при выбранной вкладке “Сертификат”. Оборот подгружается только вместе с выбранной экскурсией. То есть грузить все изображения сразу с загрузкой страницы не нужно (это важно). Пока изображение грузится, выводить какой-то прелоэдер.

Цена за экскурсию выводится в поле с кол-вом человек. Добавляем простую калькуляцию: если язык выбран английский или немецкий, то цена экскурсии увеличивается: + 1000 за час. У нас все экскурсии длятся 2,5 часа, кроме Обзорной (3 часа). Например, если обычная экскурсия (2,5 часа) стоит 5000, то на английском будет стоит 7500 рублей. Если обзорная (3 часа) стоит 15к, то на немецком будет стоить 18к.

Цена за сертификат выводим в кнопку “Заказать сертификат: xxx рублей”. Калькуляция: сертификат на любую экскурсию стоит 5000 рублей. Если выбрана доставка по Москве, то +500 рублей.

Новую форму выводим на отдельной странице: https://mos-radius.ru/excursions_in_moscow/ . Бэкэнд будет выполняться в другой задаче. В этой требуется фронт-энд формы и калькуляция.

4 года назад
iamevgeniy
Евгений 
40 лет
16 лет в сервисе
Был
год назад

Заявки фрилансеров

Оксана
 
26 лет
4 года в сервисе
Была
2 года назад
44 отзыва(-2)
4 года назад
  • Похожие заказы

  • $25

    Необходимо адаптивно и качественно сверстать лендинг с применением плавных ховеров и ненавязчивых анимаций. Бюджет на проект составляет 1500 рублей.

    HTML-верстка61 заявка
    Закрыт
    4 года назад
  • $20

    Требуется доработка формы на сайте с добавлением новых полей и элементарной калькуляции. Создайте вкладки 'Экскурсии' и 'Подарочный сертификат', добавьте необходимые селекты и кнопки. Реализуйте условие для отображения элементов в зависимости от выбранной вкладки. Также добавьте прелоадер для загрузки изображений и реализуйте простую калькуляцию цен в зависимости от выбранного языка и способа доставки.

    HTML-верстка1 заявка
    Закрыт
    4 года назад
  • $25

    Необходимо сверстать одну страницу для готового сайта - карточку товара. Все детали и требования описаны в техническом задании. Бюджет на выполнение работы составляет 1500-2000 рублей.

    HTML-верстка1 исполнитель
    Закрыт
    4 года назад
  • $75

    Требуется выполнить HTML-верстку 5 страниц с учетом адаптивного дизайна. Портфолио с примерами работ необходимо предоставить сразу при отклике на заказ.

    HTML-верстка1 исполнитель
    Закрыт
    4 года назад
  • $25

    Требуется сверстать 2 страницы на Bootstrap 4. Оплата осуществляется по странично: 500р за первую страницу, 500р за вторую и 500р за правки. Общий бюджет на проект составляет 1500р.

    HTML-верстка12 заявок
    Закрыт
    4 года назад
  • $50

    Необходимо выполнить HTML-верстку сайта строительной компании по макету Figma. Проект включает главную страницу и 3 внутренних страницы с адаптивным дизайном. Требуется чистый код и кроссбраузерность. Бюджет фиксированный, срок выполнения — 3 дня. Оплата после подтверждения выполненной работы.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • $140

    Требуется выполнить HTML-верстку сайта по разработанным макетам в XD. Обязательными условиями являются адаптивность и соблюдение принципа Perfect Pixel. Макеты будут предоставлены исполнителю.

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • Необходимо внести правки в верстку под Wordpress, включая мелкие исправления и адаптацию для мобильных устройств. Важно предоставить сроки и цену выполнения работы. Техническое задание прилагается для детального ознакомления.

    HTML-верстка3 заявки
    Закрыт
    4 года назад
  • Требуется HTML-верстка сайта по макету из Figma с адаптивностью и кроссбраузерностью. Важно: интеграция в WordPress не нужна. Необходимы эффекты, такие как многоцветный градиент, следующее за курсором голубое пятно и сортировка блока 'Примеры работ' через JS. Укажите цену и сроки выполнения.

    HTML-верстка22 заявки
    Закрыт
    4 года назад